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

如何创建一个关闭所有弹出窗口的动作？

1 个答案: