工具提示点击隐藏

时间:2014-12-18 12:26:09

标签: javascript jquery html

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

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

1 个答案:

答案 0 :(得分:0)

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

<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');
});