Question

单击下拉菜单后如何隐藏工具提示？这是脚本

    <script type="text/javascript">
    $(document).ready(function(){
     $('[data-toggle="tooltip"]').tooltip({
        placement : 'bottom'
      });  
    });
  </script>

这是html

     <ul class="nav navbar-nav">
         <li class="dropdown" data-toggle="tooltip" data-placement="bottom" data-original-title="Main Link">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-briefcase"></i></a>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="#">link</a></li>
                        <li><a href="#">link</a></li>
                      </ul>
                    </li>
</ul>

Answer 1

我没有对此进行过测试，但你可以尝试使用它，改变这个：

<li class="dropdown" data-toggle="tooltip" data-placement="bottom" data-original-title="Main Link">

使用：

<li id="tooltip" class="dropdown" data-toggle="tooltip" data-placement="bottom" title="Main Link">

和JS：

$(".dropdown-menu li").click(function() {
    $('#tooltip').tooltip('hide');
});

工具提示点击隐藏

1 个答案: