如何创建关闭所有弹出窗口的操作?例如,我单击其中一个弹出窗口,它也会打开。然后我单击另一个弹出窗口,它也打开,但之前的弹出窗口关闭。此操作必须适用于所有弹出窗口。
<ul>
<li>
<a class="alerts-menu" data-toggle="popover" data placement="bottom">Notifications</a>
<div id="alerts-popover-content" style="display:none">FIRST CONTENT</div>
</li>
<li>
<a class="tasks-menu" data-toggle="popover" data-placement="bottom">Tasks</a>
<div id="tasks_popover_content" style="display:none">SECOND CONTENT</div>
</li>
</ul>
$(function(){
$('[data-toggle=popover].alerts-menu').popover({
html : true,
content: function() {
return $('#alerts-popover-content').html();
}
});
$('[data-toggle=popover].tasks-menu').popover({
html : true,
content: function() {
return $('#tasks_popover_content').html();
}
});
});
问题解决了!!!! =)我做到了! 我以前从未编写过 js 代码:D 这是代码
$(function () {
$("[data-toggle=popover]").click(function() {
var me = this;
$("[data-toggle=popover] + .popover").each(function() {
if (me != this)
$(this).hide();
});
}) });
希望对您有所帮助
最佳答案
使用这个:
$('[data-toggle=popover]').hide()
关于html - 如何创建关闭所有弹出窗口的操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22383542/