Bootstrap popover.toggle()只显示
我正在尝试集成一个twitter bootstrap popover; 我被迫使用javascript API,因为一些动态元素是通过Ajax加载的,也应该做出反应。
基本上,这是一个应该做出反应的示例标记:
See
URL正在被正确的URL替换
我的JS:
$( document ).on( "click", ".popoverFileSee", function() { $( this ).popover( "toggle" ); return false; });
这是我想要实现的行为:
- 首次单击时,弹出窗口显示
- 当打开的弹出窗口发生单击时,它应该关闭它
这不是“切换”的目的吗? 这个代码示例中有什么问题,或者我应该在我的应用程序的其他地方检查?
谢谢
编辑:现在,它总是显示popover,即使它已经打开奇怪的事情:如果我添加alert( "test" );
在我的回调函数中,然后它工作..
终于找到了自己的答案..;)我只需要在我的链接中添加一个属性: data-trigger="manual"
从popover function
Remove
toggle
而不使用click event
,
$(".popoverFileSee").popover();
演示
更新,如果您需要在此之后add click event
,您可以添加哪个independent
于popover
,
$(".popoverFileSee").popover(); $(".popoverFileSee").on('click',function(){ // your ajax code here });