jquery - Bootstrap popover.toggle() 仅显示

标签 jquery twitter-bootstrap popover

我正在尝试集成一个 twitter bootstrap popover ;我被迫使用 javascript API,因为一些动态元素是通过 Ajax 加载的,也应该使用react。

基本上,这是一个应该使用react的示例标签:

<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;
});

这是我想要实现的行为:

  • 第一次点击时,弹出窗口会显示
  • 当点击打开的弹出窗口时,应该将其关闭

这不就是“toggle”的目的吗?此代码示例是否有问题,或者我应该检查应用程序中的其他地方?

谢谢

编辑:目前,它始终显示弹出窗口,即使它已经打开 奇怪的事情:如果我在回调函数中添加 alert( "test"); ,那么它就可以工作..

最佳答案

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

关于jquery - Bootstrap popover.toggle() 仅显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19974559/

相关文章:

javascript - 从 html 中删除

jquery - 对象不支持属性或方法日期选择器

html - 用全高图像填充 div

angular - Popover + Angular + Bootstrap 4.3 失败

jquery - MMenu 插件不会在移动设备中向右打开

输入密码时 JavaScript 密码屏蔽

jquery - Magento 使用 scriptaculous 的目的是什么?

angularjs - Bootstrap 弹出框在 AngularJs ng-repeat 中不起作用

angularjs - Angular 创建一个可以单击的 mouseenter 弹出框

Swift获取当前元素的Y坐标