工具提示单击以隐藏

Tooltip onclick to hide

本文关键字：隐藏 单击 工具提示      更新时间：2023-09-26

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

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

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

<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');
});
相关文章：