我有一个下拉菜单,通过点击一个 glyphicon 触发。glyphicon 有一个 ui-bootstrap 工具提示,当鼠标进入或离开时触发。当点击 glyphicon 并显示下拉菜单时,工具提示也会触发关闭。
然而,一旦下拉菜单打开,如果再次触发鼠标进入,则工具提示将再次显示。我希望在下拉菜单打开时防止鼠标进入触发工具提示。
glyphicon 和下拉菜单的 html 如下:
我已经创建了一个plnkr演示,展示了它的工作原理:http://plnkr.co/edit/aeOuJasEHFUH505o2L8T 有什么想法如何做到这一点?
然而,一旦下拉菜单打开,如果再次触发鼠标进入,则工具提示将再次显示。我希望在下拉菜单打开时防止鼠标进入触发工具提示。
glyphicon 和下拉菜单的 html 如下:
<span class="" uib-dropdown-toggle>
<span class="glyphicon glyphicon-sort category-sort-icon" uib-tooltip="Sort"
tooltip-placement="left" tooltip-is-open="sortTooltipIsOpen"
ng-click="sortTooltipIsOpen = !sortTooltipIsOpen">
</span>
</span>
<ul uib-dropdown-menu class="dropdown-menu-right">
<li ng-repeat="s in sortDesc" ng-click="sortBy(s)"><a href="#">{{s}}</a></li>
</ul>
我已经创建了一个plnkr演示,展示了它的工作原理:http://plnkr.co/edit/aeOuJasEHFUH505o2L8T 有什么想法如何做到这一点?