问题标签 [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 投票
2 回答
826 浏览

javascript - 弹出窗口CSS问题中的Bootstrap星级评分

我在弹出窗口中遇到了星级评定问题,css 似乎被忽略了。我正在用 js 初始化弹出窗口,如下所示:

弹出内容:

但是,我认为如果我将代码直接放在 data-content 属性中,它可能会起作用:

编辑:我刚试过,它也没有用:/

有没有办法让 CSS 工作?

提前致谢。

这是一个小提琴样本,看看我在说什么:

https://jsfiddle.net/66xL9sLr/

0 投票
1 回答
924 浏览

internet-explorer - IE 11 滚动时关闭 Bootstrap 弹出框

我在触发选项设置为“焦点”的文本元素上使用 Bootstrap 弹出框。我已将弹出框的最大高度设置为 300 像素,并将溢出-y 设置为自动。在 IE 中,鼠标滚轮会滚动弹出框,但单击会关闭弹出框,IE 处理单击滚动与单击相同。我试图防止弹出窗口在滚动时被关闭。

这是 jsbin 的链接:https ://jsbin.com/reyocaweri/1/edit?html,css,js,output

0 投票
2 回答
1328 浏览

javascript - 如何显示无效输入的引导弹出窗口?

我有一些输入框,如果它的值不是 1,我需要显示一个弹出框,说明它对该特定输入无效。

我的代码

JavaScript

LIVE DEMO

0 投票
2 回答
3496 浏览

jquery - 如何在不填充的情况下更改引导弹出框箭头边框颜色?

我想更改弹出箭头的边框颜色。当我应用边框颜色时,箭头本身正在填充颜色。

对于弹出框主体,我只想为箭头的边框提供颜色。

演示

0 投票
3 回答
316 浏览

jquery - 无法关闭引导弹出窗口

我无法使用 jquery 关闭弹出框。当用户输入 1 以外的内容作为输入时,会出现弹出框。

我需要使用x 符号关闭特定的弹出框。

x没有出现在最右边。它正在下降。我希望它出现在右上角或最右边。我不想使用title弹出框

jQuery

演示

0 投票
1 回答
325 浏览

javascript - Bootstrap Popover 隐藏在浏览器边缘。如何解决?

在此处输入图像描述

如上面的屏幕截图所示,弹出框的某些部分被隐藏在浏览器边缘。

有没有办法解决这个问题。

0 投票
1 回答
1075 浏览

twitter-bootstrap - 如何在 angularjs 应用程序中为引导弹出窗口添加自定义标题

我们如何在 bootstrap 的弹出窗口中添加自定义标头。我使用了以下代码,我想添加带有一些链接的自定义标头:

0 投票
4 回答
1015 浏览

javascript - 如果超出值,则在文本框上显示弹出框

我是 javascript 新手。我对javascript一无所知,我仍在学习。我需要一点帮助。
我有一个带有数字的标签。用户必须在文本框中手动输入一个数字。如果用户输入的值超过标签中写入的值,则应在输入框上方显示一个弹出框。
我试图这样做,但无论如何都会显示弹出窗口。我希望仅在满足条件时才显示弹出框。
另外,谁能告诉我如何<br>在弹出内容中包含锚标签和标签?

http://www.bootply.com/suPp4ThGxq

0 投票
0 回答
632 浏览

css - 引导弹出窗口位置似乎不稳定

我正在使用具有可重复元素的 Angular 模板。每个元素都有一个弹出框。当我的模板呈现时,一切看起来都很正常,但是我的弹出框的位置似乎不稳定。第一个 popover 的位置是正确的,但随后的 popover 被锚定到错误的位置。

这是我的 HTML:

然后在我的控制器中,一旦页面加载,我将弹出框设置如下:

这是演示问题的屏幕截图:

在此处输入图像描述

如您所见,第一个工具提示已正确锚定。不过,随后的工具提示被锚定在一边。我似乎无法弄清楚原因是什么。我尝试在(参见下面的 CSS).popover范围内调整类.tips以修复该left属性,但这并没有按预期工作。当我申请 left: -250px !important.popover,除第一个工具提示外,所有工具提示都已正确锚定。换句话说,问题反过来了。

这是.tipsCSS:

最后,我还尝试向popover函数传递一个container参数,如下所示:

我以前使用过上述技巧来解决同样的问题,但这次似乎不起作用。另请注意,当我尝试此操作时,我确实向我的元素添加了适当的 ID。

0 投票
1 回答
1170 浏览

javascript - 模式和输入组插件中的引导弹出窗口

我无法让 Bootstrap 3.3.5 弹出框工作。我希望在悬停输入组插件时弹出框变得可见,但没有任何反应。

我当前的代码:

Javascript:

HTML

我尝试了很多不同的东西,但似乎没有任何效果。朝着正确的方向推动将不胜感激。