问题标签 [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.

0 投票
3 回答
4558 浏览

javascript - 如何使 Bootstrap 弹出窗口在页面加载时出现一次

我想让引导弹出窗口应该出现在页面加载按钮上一次(只是将其用作指令),并且在单击按钮后它应该被销毁。

我想在按钮上弹出并在用户每次访问我的页面时引起他们的注意,如果他们是新访问者,则拖动他们的注意力点击它。

我制作了以下代码,弹出窗口出现在页面加载上,但它的工作原理就像正常的弹出窗口一样,当我单击按钮时它不会被破坏。

HTML:

JS:

我也修改了JS并尝试了这种方式:

JS:

上面的代码根本不会弹出窗口,也不会在页面上正常加载。

我希望一些专家帮助我,在此先感谢。

0 投票
0 回答
1078 浏览

jquery - 如何从 Bootstrap Popover 获取按钮数据属性值

我正在尝试使用 bootstrap popover 创建一个小的 font-awesone 图标选择器。这是 Popover 内容的 HTML 结构。

而且,这里是 jQuery..

我收到错误消息..

即使我绑定单击文档,错误仍然存​​在。

我做错了什么?

0 投票
1 回答
1144 浏览

javascript - 如何使引导弹出框与固定按钮一起移动

我想实现一种行为,即当我滚动页面时,我的弹出框应该与我的固定按钮一起移动。我有以下 JS、CSS 和 HTML:

我希望上面的代码能对我真正想要实现的目标有所了解。提前致谢。

你可以看到问题:

你可以看到问题

0 投票
1 回答
375 浏览

twitter-bootstrap-3 - Bootstrap / Popover:如何与表单输入对齐

我有输入字段,当获得焦点时会触发弹出窗口(我选择了“顶部”位置)。

它工作正常,但我的输入宽度约为 600 像素,并且弹出框与表单字段水平居中。

在此处输入图像描述

我希望它与表单域的左边框对齐。我能怎么做?

先感谢您

0 投票
1 回答
793 浏览

html - ltr 和 rtl 语言之间的弹出框宽度问题

经过大量阅读和搜索 SO 线程后,我几乎可以让我的弹出框使用不同的语言按我想要的方式工作 - 除了以下问题:

在 ltr 语言(英语、法语、德语等)和 rtl 语言(阿拉伯语、希伯来语等)之间,我的bootstrap 3 弹出框的宽度存在差异。

在我的 ltr 语言中,弹出框的宽度只是它需要的宽度 - 最大宽度为 600px;,如下所示:

在此处输入图像描述

在我的 rtl 语言中,弹出框的宽度是 600px 的最大宽度,而不是宽度只是它需要的宽度,如下所示:

在此处输入图像描述

我不确定为什么会这样。我已经阅读了很多很多 SO 帖子并广泛搜索了谷歌,但我无法解决这个问题。

谁能指出为什么我的 ltr 和 rtl 语言弹出框之间的宽度存在差异?我想让 rtl popover 尽可能宽。这可能是一个简单的修复,但我只是看不到问题。

上面的两个屏幕截图显示了相同的信息(来自数据库),只是根据 rtl/ltr 语言使用了不同的 CSS 文件。

这是我的ltr css 代码:

这是rtl css代码:

0 投票
0 回答
102 浏览

javascript - 在网页的弹出窗口中显示推文

到目前为止,这是我的解决方案:http: //codepen.io/ducu/pen/VvwgPq

问题是弹出框是在创建推文标记之前呈现的,因此会发生这种调整大小的效果(编辑:通过默认隐藏弹出框并在推文内容可用时使其可见来改善这一点)。
推文边框也在这个过程中被移除,所以视觉效果并不好。

相关代码在这里:

结果还可以,但仅当弹出框放置在顶部或底部时才有效,因为推文内容的宽度是已知的。如果放置在左侧或右侧,则弹出框将远离触发元素,因为推文内容的高度未知。

如何仅在可用时显示推文弹出框?感谢您的任何提示

0 投票
0 回答
618 浏览

angularjs - 使用动态列表模板的带有角度引导弹出窗口的剑道网格列

当使用 Kendo Grid 将鼠标悬停在计数列上时,我试图在弹出窗口中显示项目名称列表。从 API 响应中获取项目名称。

我正在使用 popover-template 来引用外部模板。出于某种原因,当我使用 popover-template 时,我的外部模板没有被引用。当我使用静态数据时只需弹出它就可以了。但就我而言,我需要根据项目数量建立一个列表

外部模板保存为 appCount.html 并具有以下内容

我基本上是在尝试将动态数据绑定到 $scope 变量,以便在从中调用它的控制器中进行引用。

有没有其他方法可以构建此列表并显示工具提示。任何帮助表示赞赏。我正在为此苦苦挣扎,而且对角度也很陌生

0 投票
1 回答
1623 浏览

javascript - AngularJS Bootstrap Popover 自定义触发器

在我的 WebApp 中,我想显示一个自定义的弹出框,当我的控制器中的变量设置时将触发该弹出框。为此,我创建了一个自定义触发事件并将其设置为$tooltipProvider.setTriggers({"showChat": "hideChat"}]

这是我的代码的plnkr.co不起作用。

我还在 StackOverflow 上检查了其他解决方案(如AngularJS Bootstrap Tooltip - 事件触发基于表达式使用 Angular 动态打开/关闭弹出框(或工具提示)的好方法?)似乎有效,但我想不通找出我的代码错误的地方。我认为这只是一件小事(像往常一样.. :-))

0 投票
1 回答
189 浏览

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?

0 投票
1 回答
260 浏览

javascript - 为什么将数据附加到正文表时Popover无法工作

我使用引导程序的弹出窗口,然后是问题。当我为追加数据编写 javascript 添加到表中时。它的数据不能称为popover,但是第一个写入的Table,就可以称为popover。这是一个功能代码添加表。