10

我正在尝试集成一个 twitter bootstrap popover；我被迫使用 javascript API，因为一些动态元素是通过 Ajax 加载的，并且也应该做出反应。

基本上，这是一个应该做出反应的示例标签：

<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top" 
   data-content="&lt;img src=&quot;URL&quot; /&gt;"
   data-html="true" href="#" 
   class="popoverFileSee btn btn-default">See</a>

URL 顺便被正确的 URL 替换

还有我的 JS：

$( document ).on( "click", ".popoverFileSee", function() {
    $( this ).popover( "toggle" );      
    return false;
});

这是我想要实现的行为：

  • 第一次单击时，弹出窗口显示
  • 当点击打开的弹出框时，它应该关闭它

这不是“切换”的目的吗？此代码示例是否有问题，或者我应该在我的应用程序的其他地方检查？

谢谢

编辑：现在，它总是显示弹出窗口，即使它已经打开了奇怪的事情：如果我添加alert( "test" );了我的回调函数，那么它就可以工作了..

4

2 回答 2

27

终于自己找到了答案.. ;) 我只需要在我的链接中添加一个属性：data-trigger="manual"

于 2013-11-14T10:21:31.977 回答
1

Removetogglefrompopover function不使用click eventlike ，

$(".popoverFileSee").popover();

演示

更新了，如果你需要在add click event这之后你可以添加independent喜欢popover的，

$(".popoverFileSee").popover();
$(".popoverFileSee").on('click',function(){
   // your ajax code here
});
于 2013-11-14T10:24:35.843 回答