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

[clker]

http://jsfiddle.net/clker/8G6a3/

为什么popover里面的button不响应click事件啊？

[justfindu]

因为弹出框是在事件绑定之后才生成添加的html 怎么可能响应呢~ 你查看手册,里面popover可以添加相应事件.

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

相应的事件内绑定触发效果

[sd4399340]

$('div').on('click','button',function(){
alert("abc");
});

[clker]

已经try过你的方法了，确实可以。

但jquery的on函数不是可以绑定到futrue的element吗？

[cutehalo]

$('.user').popover({'html':true});
$(document).on('click','button',function(){
alert("abc");
});

[jsonline]

http://jsfiddle.net/clker/8G6a3/
你连 add_friend 类都没有加到 button 上……

[jsonline]

Update: http://jsfiddle.net/256x7/

[jsonline]

@clker 你读过 $.fn.on 的文档吗？不是你想象地那样用的。

[clker]

@jsonline 感谢！，又去读了一下文档，发现是不加selector的时候是不会绑定到没有显示的元素上的，加selector的时候会绑定。

没有深入研究jquery，惭愧。

[hiddenman]

$('.user').popover({'html':true});
$(document).on("click",'.btn',function(){
alert("aaa");
});