我试图集成Twitter Bootstrap的弹出框;因为一些动态元素是通过Ajax加载的,所以我被迫使用javascript API,这些元素也应该有反应。
基本上,这里是一个例子标签,应该有反应:
基本上,这里是一个例子标签,应该有反应:
<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" );
,那么它就能正常工作。