V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
clker
V2EX  ›  jQuery

请教一下熟悉 bootstrap 和 jquery 的 v2exer 关于 bootstrap popover 的问题

  •  
  •   clker · 2014-03-18 10:19:32 +08:00 · 3827 次点击
    这是一个创建于 3913 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://jsfiddle.net/clker/8G6a3/

    为什么popover里面的button不响应click事件啊?
    第 1 条附言  ·  2014-03-18 17:37:26 +08:00
    问题已解决,感谢各位大大的指导。

    都怪自己没有好好看jquery文档。惭愧。
    9 条回复    1970-01-01 08:00:00 +08:00
    justfindu
        1
    justfindu  
       2014-03-18 10:25:16 +08:00   ❤️ 1
    因为弹出框是在事件绑定之后才生成添加的html 怎么可能响应呢~ 你查看手册,里面popover可以添加相应事件.

    事件类型 描述
    show.bs.popover 当show方法被调用之后,此事件将被立即触发。
    shown.bs.popover 当弹出框展示到用户面前之后(同时CSS过渡效果执行完之后)此事件被触发。
    hide.bs.popover 当hide方法被调用之后,此事件被触发。
    hidden.bs.popover 当弹出框被隐藏之后(同时CSS过渡效果执行完之后),此事件被触发。

    相应的事件内绑定触发效果
    sd4399340
        2
    sd4399340  
       2014-03-18 10:27:54 +08:00
    $('div').on('click','button',function(){
    alert("abc");
    });
    clker
        3
    clker  
    OP
       2014-03-18 10:48:35 +08:00
    已经try过你的方法了,确实可以。

    但jquery的on函数不是可以绑定到futrue的element吗?
    cutehalo
        4
    cutehalo  
       2014-03-18 11:42:48 +08:00
    $('.user').popover({'html':true});
    $(document).on('click','button',function(){
    alert("abc");
    });
    jsonline
        5
    jsonline  
       2014-03-18 11:48:48 +08:00
    http://jsfiddle.net/clker/8G6a3/
    你连 add_friend 类都没有加到 button 上……
    jsonline
        6
    jsonline  
       2014-03-18 11:49:58 +08:00
    jsonline
        7
    jsonline  
       2014-03-18 11:50:58 +08:00   ❤️ 1
    @clker 你读过 $.fn.on 的文档吗?不是你想象地那样用的。
    clker
        8
    clker  
    OP
       2014-03-18 12:06:10 +08:00
    @jsonline 感谢!,又去读了一下文档,发现是不加selector的时候是不会绑定到没有显示的元素上的,加selector的时候会绑定。

    没有深入研究jquery,惭愧。
    hiddenman
        9
    hiddenman  
       2014-03-18 15:59:06 +08:00
    $('.user').popover({'html':true});
    $(document).on("click",'.btn',function(){
    alert("aaa");
    });
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1074 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 22:24 · PVG 06:24 · LAX 14:24 · JFK 17:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.