html - 如何创建关闭所有弹出窗口的操作？

Question

如何创建关闭所有弹出窗口的操作？例如，我单击其中一个弹出窗口，它也会打开。然后我单击另一个弹出窗口，它也打开，但之前的弹出窗口关闭。此操作必须适用于所有弹出窗口。

<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();
 });
})  });

希望对您有所帮助

Answer 1

使用这个:

$('[data-toggle=popover]').hide()