Javascript 工具提示单击以隐藏

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

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

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示({
位置：'底部'
});  
});

这是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">

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