Jquery 引导弹出窗口在第二次单击时不起作用
类似于问题,我的popover没有在第二、第四、第六张上显示。。。单击,当我试图淡出时。我的代码:Jquery 引导弹出窗口在第二次单击时不起作用,jquery,twitter-bootstrap,popover,Jquery,Twitter Bootstrap,Popover,类似于问题,我的popover没有在第二、第四、第六张上显示。。。单击,当我试图淡出时。我的代码: $('[data-toggle="popover"]').popover({ placement: 'bottom', delay: { show: 50 } }); $('[data-toggle="popover"]').click(function () { setTimeout(function () { $('.popo
$('[data-toggle="popover"]').popover({
placement: 'bottom',
delay: {
show: 50
}
});
$('[data-toggle="popover"]').click(function () {
setTimeout(function () {
$('.popover').fadeOut('slow');
}, 1000);
});
链接中提供的答案声称这是Bootstrap3.3.5错误。尽管我使用的是bootstrap 3.3.7,但建议的解决方案并没有做到这一点:
if ($.fn.popover.Constructor.VERSION == "3.3.7") {
$('[data-toggle="popover"]').on("hidden.bs.popover", function() {
$(this).data("bs.popover").inState.click = false
})
}
$('.popover').fadeOut('slow').popover('hide');
要查看运行中的错误:在3.3.7中,该错误似乎尚未修复,但建议的解决方案确实有效。您仍然需要使用
.popover('hide')
隐藏popover,而不是淡出。以下内容将实现此目的:
if ($.fn.popover.Constructor.VERSION == "3.3.7") {
$('[data-toggle="popover"]').on("hidden.bs.popover", function() {
$(this).data("bs.popover").inState.click = false
})
}
$('.popover').fadeOut('slow').popover('hide');
将此选项与以下选项结合使用:
if ($.fn.popover.Constructor.VERSION == "3.3.7") {
$('[data-toggle="popover"]').on("hidden.bs.popover", function() {
$(this).data("bs.popover").inState.click = false
})
}
3.3.7中的bug似乎还没有修复,但建议的解决方案实际上是可行的。您仍然需要使用
.popover('hide')
隐藏popover,而不是淡出。以下内容将实现此目的:
if ($.fn.popover.Constructor.VERSION == "3.3.7") {
$('[data-toggle="popover"]').on("hidden.bs.popover", function() {
$(this).data("bs.popover").inState.click = false
})
}
$('.popover').fadeOut('slow').popover('hide');
将此选项与以下选项结合使用:
if ($.fn.popover.Constructor.VERSION == "3.3.7") {
$('[data-toggle="popover"]').on("hidden.bs.popover", function() {
$(this).data("bs.popover").inState.click = false
})
}