clker
V2EX  ›  jQuery

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

  •  
  •   clker · Mar 18, 2014 · 4326 views
    This topic created in 4475 days ago, the information mentioned may be changed or developed.
    http://jsfiddle.net/clker/8G6a3/

    为什么popover里面的button不响应click事件啊?
    Supplement 1  ·  Mar 18, 2014
    问题已解决,感谢各位大大的指导。

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

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

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

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

    没有深入研究jquery,惭愧。
    hiddenman
        9
    hiddenman  
       Mar 18, 2014
    $('.user').popover({'html':true});
    $(document).on("click",'.btn',function(){
    alert("aaa");
    });
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2693 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 14:22 · PVG 22:22 · LAX 07:22 · JFK 10:22
    ♥ Do have faith in what you're doing.