问题标签 [bootstrap-popover]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使 Bootstrap 弹出窗口在页面加载时出现一次
我想让引导弹出窗口应该出现在页面加载按钮上一次(只是将其用作指令),并且在单击按钮后它应该被销毁。
我想在按钮上弹出并在用户每次访问我的页面时引起他们的注意,如果他们是新访问者,则拖动他们的注意力点击它。
我制作了以下代码,弹出窗口出现在页面加载上,但它的工作原理就像正常的弹出窗口一样,当我单击按钮时它不会被破坏。
HTML:
JS:
我也修改了JS并尝试了这种方式:
JS:
上面的代码根本不会弹出窗口,也不会在页面上正常加载。
我希望一些专家帮助我,在此先感谢。
jquery - 如何从 Bootstrap Popover 获取按钮数据属性值
我正在尝试使用 bootstrap popover 创建一个小的 font-awesone 图标选择器。这是 Popover 内容的 HTML 结构。
而且,这里是 jQuery..
我收到错误消息..
即使我绑定单击文档,错误仍然存在。
我做错了什么?
html - ltr 和 rtl 语言之间的弹出框宽度问题
经过大量阅读和搜索 SO 线程后,我几乎可以让我的弹出框使用不同的语言按我想要的方式工作 - 除了以下问题:
在 ltr 语言(英语、法语、德语等)和 rtl 语言(阿拉伯语、希伯来语等)之间,我的bootstrap 3 弹出框的宽度存在差异。
在我的 ltr 语言中,弹出框的宽度只是它需要的宽度 - 最大宽度为 600px;,如下所示:
在我的 rtl 语言中,弹出框的宽度是 600px 的最大宽度,而不是宽度只是它需要的宽度,如下所示:
我不确定为什么会这样。我已经阅读了很多很多 SO 帖子并广泛搜索了谷歌,但我无法解决这个问题。
谁能指出为什么我的 ltr 和 rtl 语言弹出框之间的宽度存在差异?我想让 rtl popover 尽可能宽。这可能是一个简单的修复,但我只是看不到问题。
上面的两个屏幕截图显示了相同的信息(来自数据库),只是根据 rtl/ltr 语言使用了不同的 CSS 文件。
这是我的ltr css 代码:
这是rtl css代码:
javascript - 在网页的弹出窗口中显示推文
到目前为止,这是我的解决方案:http: //codepen.io/ducu/pen/VvwgPq
问题是弹出框是在创建推文标记之前呈现的,因此会发生这种调整大小的效果(编辑:通过默认隐藏弹出框并在推文内容可用时使其可见来改善这一点)。
推文边框也在这个过程中被移除,所以视觉效果并不好。
相关代码在这里:
结果还可以,但仅当弹出框放置在顶部或底部时才有效,因为推文内容的宽度是已知的。如果放置在左侧或右侧,则弹出框将远离触发元素,因为推文内容的高度未知。
如何仅在可用时显示推文弹出框?感谢您的任何提示
angularjs - 使用动态列表模板的带有角度引导弹出窗口的剑道网格列
当使用 Kendo Grid 将鼠标悬停在计数列上时,我试图在弹出窗口中显示项目名称列表。从 API 响应中获取项目名称。
我正在使用 popover-template 来引用外部模板。出于某种原因,当我使用 popover-template 时,我的外部模板没有被引用。当我使用静态数据时只需弹出它就可以了。但就我而言,我需要根据项目数量建立一个列表
外部模板保存为 appCount.html 并具有以下内容
我基本上是在尝试将动态数据绑定到 $scope 变量,以便在从中调用它的控制器中进行引用。
有没有其他方法可以构建此列表并显示工具提示。任何帮助表示赞赏。我正在为此苦苦挣扎,而且对角度也很陌生
javascript - AngularJS Bootstrap Popover 自定义触发器
在我的 WebApp 中,我想显示一个自定义的弹出框,当我的控制器中的变量设置时将触发该弹出框。为此,我创建了一个自定义触发事件并将其设置为$tooltipProvider.setTriggers({"showChat": "hideChat"}]
这是我的代码的plnkr.co不起作用。
我还在 StackOverflow 上检查了其他解决方案(如AngularJS Bootstrap Tooltip - 事件触发或基于表达式使用 Angular 动态打开/关闭弹出框(或工具提示)的好方法?)似乎有效,但我想不通找出我的代码错误的地方。我认为这只是一件小事(像往常一样.. :-))
jquery - Keep bootstrap3 popover alive while the popover is being hovered when content reloaded?
I'm trying to keep Bootstrap3 popovers alive while the popovers is being hovered. I'm using the JQuery code bellow suggested in OkezieE's answer from this thread, and its working fine for standard use:
However, I have a sorting function that reloads the content using Ajax, and after the content is reloaded the popovers will not trigger. Anyone have a solution for that?
javascript - 为什么将数据附加到正文表时Popover无法工作
我使用引导程序的弹出窗口,然后是问题。当我为追加数据编写 javascript 添加到表中时。它的数据不能称为popover,但是第一个写入的Table,就可以称为popover。这是一个功能代码添加表。