javascript - 创建一个可以在angularjs中点击的悬停工具提示

标签 javascript jquery angularjs twitter-bootstrap twitter-bootstrap-tooltip

我正在尝试使用 Bootstrap UI 创建悬停工具提示。当鼠标悬停在按钮上时,工具提示应该是可见的,工具提示有一个应该可以点击的链接。但是 Bootstrap UI 提供的默认弹出窗口和工具提示在鼠标离开时消失。 我在网上搜索了很多,但找不到解决方案。一些网站已经给出了使用 jQuery 的解决方案,但我的要求是在 AngularJS 中。许多网站都提到我们必须使用 $tooltipProvider,请问如何在 Controller 中为 'mouseenter' 和 'mouseleave' 编写自定义事件。

最佳答案

检查此链接,

http://fiddle.jshell.net/WojtekKruszewski/Zf3m7/22/light/

已经用jQuery实现了,用AngularJS写指令。你可以在 angularJS 应用程序中集成 jQuery 插件,看看这个网站

https://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/

关于javascript - 创建一个可以在angularjs中点击的悬停工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30617435/

相关文章:

javascript - 如何使元素指令相对于 ng-repeated 项目的位置?

javascript - 如何在以下图像之间添加下一个选项?

javascript - 单击时的 JQ 事件处理程序

Javascript 生成的 margin-top 弄乱了放置内容

javascript - 当所有 DOM 激活时,javascript 中什么是合适的事件?

javascript - 在 Link 函数中使用 add Class 与在 AngularJS 的 Compile 函数中使用 addClass

javascript - JavaScript 中的接收器是什么?

javascript - 在类生成的 gsp 中显示图像

javascript - Vimeo Api - 无法使用 Froogaloop 触发 playProgress 事件

javascript - 如何将客户特定逻辑构建到核心项目中?