我addClass
/removeClass
一个SiteClass
动态调用的CSS类(有关背景,请参见此问题)。我将bootstrap popover绑定到这些对象,如下所示:
$(document).ready(function(){
$("#SiteList").on('click','a.SiteClass', function(e){
alert('clicked');
e.preventDefault();
e.stopPropagation();
var strcontent = $(this).html();
var strTitle = 'Title for ' + strcontent;
var strMessage = 'Foo <b>Bar</b> Baz';
$(this).popover({
html: true,
title: strTitle,
content: strMessage
});
});
});
第一次单击时,我的警报框为“已单击”,但没有弹出窗口。随后的点击和弹出窗口将起作用。
关于为什么发生这种情况以及如何从单击1触发弹出窗口的任何线索?
$()。popover(options)只是初始化您的弹出窗口。您可以使用以下命令触发弹出窗口的显示:
$(this).popover('show');
如果您想在点击时切换弹出式窗口,请尝试:
$(this).popover('toggle');
我认为,仅在您第一次单击后才起作用的原因是,第一次单击时,弹出窗口已使用默认触发器 初始化'click'
,因此后续单击(但不是第一次单击)将触发它。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句