我正在尝试集成一个 twitter bootstrap popover ;我被迫使用 javascript API,因为一些动态元素是通过 Ajax 加载的,也应该使用react。
基本上,这是一个应该使用react的示例标签:
<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top"
data-content="<img src="URL" />"
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/