Bootstrap popover.toggle()只显示

Jér*_*eil 10 jquery popover twitter-bootstrap

我正在尝试集成一个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>
Run Code Online (Sandbox Code Playgroud)

URL正好由正确的URL替换

我的JS:

$( document ).on( "click", ".popoverFileSee", function() {
    $( this ).popover( "toggle" );      
    return false;
});
Run Code Online (Sandbox Code Playgroud)

这是我想要实现的行为:

  • 首次单击时,弹出窗口显示
  • 当打开的弹出窗口发生单击时,它应该关闭它

这不是"切换"的目的吗?这个代码示例中有什么问题,或者我应该在我的应用程序的其他地方检查?

谢谢

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

Jér*_*eil 26

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