javascript - 单击 Laravel 中的下拉标签后隐藏回显

Question

我有下面的代码将显示通知的数量。我需要在单击下拉菜单时隐藏号码。

<li class="dropdown">
    <a href="#" class="dropdown-toggle" 
                data-toggle="dropdown" 
                role="button" 
                aria-haspopup="true" 
                aria-expanded="false"
     >
          <span class="glyphicon glyphicon-globe"></span>
          Notifications 
          <span class="badge">{{count(auth()->user()->notifics)}}</span>
     </a>
     <ul class="dropdown-menu">
<li>

Answer 1

如果我理解正确的话，你想隐藏<span class="badge">元素。有很多方法可以做到这一点。其中之一是使用 jQuery，如下

$(".dropdown-toggle").click(function() {
  $('.badge').hide();
});

如果您不想使用 jQuery 并更改添加 style="display:none" ，您也可以使用普通 JS onclick 事件。或hidden到元素。