Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 我不能在角度引导工具提示上同时使用“hover”和“outsideClick”触发器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Angular Bootstrap,并希望在桌面上使用“hover”触发我的工具提示,并在移动设备上点击,如果您点击工具提示外的其他操作,则无法悬停,但也可以将工具提示关闭.我将其设置为tooltip-trigger =“hover outsideClick”,因为“outsideClick”现在是@L_673_4@的触发器( https://github.com/angular-ui/bootstrap/tree/master/src/tooltip/docs),但这完全打破了工具提示,即使悬停也不起作用.
<span class="glyphicon glyphicon-info-sign" tooltip-trigger="hover outsideClick" uib-tooltip="Tooltip text here"></span>

有没有办法使这些工作在一起?

如果我只是使用tooltip-trigger =“hover点击”它是体面的,但在手机上,我只能通过点击该项目再次关闭工具提示,而不是单击页面上的其他地方关闭它.

如果有机会使用本机引导库?由于它认@L_673_4@您要查找的内容.

我已经创建了一个jsfiddle演示(请在您的移动设备上查看,看看齿轮按预期工作)

HTML:

<div class="row">
  <div class="col-md-12">
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
  </div>
</div>

JS:

$(function() {
  $('[data-toggle="tooltip"]').tooltip()
});

您可以阅读here,作为附注,您必须手动启用工具提示

大佬总结

以上是大佬教程为你收集整理的angularjs – 我不能在角度引导工具提示上同时使用“hover”和“outsideClick”触发器全部内容,希望文章能够帮你解决angularjs – 我不能在角度引导工具提示上同时使用“hover”和“outsideClick”触发器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。