javascript - 如何在选项卡、移动设备等不同设备中更改 Angular 引导 UI 弹出窗口触发事件?

标签 javascript angularjs html css angular-ui-bootstrap

我创建了一个弹出窗口,它将在鼠标悬停时触发。对于桌面用途,它很好:

<p popover="template" popover-placement="left" popover-trigger='mouseenter'>Help</p>

我的问题是,如果我在平板电脑或手机上使用相同的代码,如何将文本“帮助”作为链接?这样一来,如果我在移动设备或标签页中点击帮助,它就会打开弹出窗口?

这是我的链接:Popover example

最佳答案

https://angular-ui.github.io/bootstrap/#/tooltip 在您的应用程序中添加 ui.bootstrap 库

只需输入 html 代码并根据您的要求配置代码即可。

<button uib-popover="I am activated manually" popover-is-open="popoverIsOpen" ng-click="popoverIsOpen = !popoverIsOpen" type="button" class="btn btn-default">Toggle popover</button>

关于javascript - 如何在选项卡、移动设备等不同设备中更改 Angular 引导 UI 弹出窗口触发事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35449994/

相关文章:

javascript - 从集合中删除时,从 View 中删除项目

android - `$cookies.put()` 需要 30 秒才能在 Android 上将 cookie 保存到磁盘上

html - 调整大小时如何在屏幕上保持绝对定位元素

javascript - 使用 Ajax 显示 PHP 成功和失败消息

javascript - 我正在尝试使用 javascript onchange 方法,但我无法在文本框中获取值

javascript - 无法制作动态两栏表

javascript - 粗箭头函数抛出错误 "expression expected"

html - 将 HTML 转换为 RTF

html - 如何保持滚动条隐藏并在最大高度结束时显示它?

javascript - 导入js库和在html &lt;script&gt;标签中引用有什么区别