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

html - 单击选择标签选项。引导弹出窗口关闭

我不懂英语。很抱歉交换无意义的短语。

单击选择标签选项。引导弹出窗口关闭。

提琴手

注意:问题 Mozilla firefox 浏览器。

0 投票
1 回答
182 浏览

jquery - 为什么单击按钮时无法显示此 BootStrap 弹出窗口?

我在 Twitter BootStrap 中很新,我有以下问题。

我正在尝试将此示例实现到 JSP 页面中:http ://www.w3schools.com/bootstrap/bootstrap_popover.asp

所以我只是简单地将这段代码添加到 JSP 页面中:

然后我将此 JQuery 函数添加到导入到上一个 JSP 页面的 JavaScript 文件中:

问题是它无法工作,当我单击按钮时,弹出窗口未显示,在 URL 中我有http://localhost:8080/WIFIPNSD/validazione#并且页面滚动到顶部。

为什么?我错过了什么?如何解决此问题并显示此弹出窗口?

0 投票
2 回答
1749 浏览

jquery - 文本框内的引导弹出窗口

在此处输入图像描述

我正在使用jquery-tokeninput 库并在文本框中创建自定义标记。我有一个奇怪的要求,我想bootstrap popover在输入标记之后/期间在文本框的剩余部分显示。当您将鼠标悬停在标记后的文本框空白区域内时,它将显示出来。

我最初的想法是在文本框中使用一个空的 div 并在其上使用一个弹出框。不确定这是否是正确的方法。但是弹出框将再次附加到 div 中的一个点。

我没有附加任何代码,因为这里更多的是方法而不是代码。

0 投票
3 回答
78 浏览

jquery - jQuery removeClass 似乎不起作用

我试图从“li”中删除Class,但它不起作用。这是我的功能:

我可以通过发出警报来确认“选定”已被删除。但由于某种原因,它并不影响实际的“里”。

这是 jsfiddle:http: //jsfiddle.net/87xswem7/9/。但是,由于某种原因,jsFiddle 无法找到 setStore() 函数。

这是我创建弹出框的方法:

这是我在 html 中的输入框:

0 投票
0 回答
415 浏览

angularjs - 每次都不会显示带有自定义模板的引导弹出窗口

我使用fabricjs在angularjs上开发了一个网络应用程序,当用户画布对象(带有椅子对象的桌子)上时,我使用引导弹出框显示自定义消息,并在鼠标离开对象(桌子)时隐藏它。

问题是,每次鼠标移过一个对象时,弹出框都不会显示,如果我将鼠标从一个对象快速移动到另一个对象,则不会显示弹出框,我必须将鼠标从一个对象移动到另一个对象时非常缓慢为了显示弹出窗口。

在此处输入图像描述 下面显示了我创建并显示弹出框的主要片段:

/在鼠标上:over 事件我创建并显示弹出消息/

/*我销毁弹出框*/

任何帮助将不胜感激。

0 投票
2 回答
3077 浏览

javascript - 关闭后第一次点击弹出框不显示

我正在做这个演示。我试图找出为什么弹出窗口在按.close按钮关闭后第一次单击时不起作用。

无论出于何种原因,关闭按钮在这里都不起作用。我已经看过这篇文章,但这是另一种方法。

0 投票
1 回答
259 浏览

javascript - 引导弹出窗口随分辨率改变位置

我有如下引导弹出窗口

我看到随着屏幕分辨率的变化,它与我拥有的输入元素的相对位置发生了变化。无论分辨率如何,我都想保持弹出框和输入元素的相对位置相同。有没有办法做到这一点?

0 投票
2 回答
9135 浏览

bootstrap-table - Bootstrap 3 - 弹出框 div html

我基于这个例子: https ://jsfiddle.net/hL0pvaty/

但是弹出窗口必须包含一个 html div ,因此,我想要的是第一个和第二个链接之间的混合: https ://maxalley.wordpress.com/2014/08/19/bootstrap-3-popover-with-html -内容/

这是js代码:

这可行,但迫使我双击链接,它应该只需单击一下即可。

有一件事,这个例子很好,但我需要应用一些更改,我想要相同的,但是从一个链接,我打开一个加载 json 文件的模式窗口,

正如您向我展示的那样,json 文件有一个打开弹出框的图像链接(我正在使用 bootstrap-table 来加载 json 文件)

这是json文件:

这是使用引导表加载 json 文件的 js 代码:

这是 div 链接 html 和模态窗口:

你可以帮帮我吗?

谢谢,

0 投票
1 回答
759 浏览

javascript - 如何动态禁用 DOM 元素的弹出框?

我在一个页面上有几乎相同的多个 div。它们里面都有图表我希望它们中的一些在悬停时有弹出窗口。

我想为每个 div 决定弹出框是否可显示。是否有可以包含在选项中的属性,例如 "diplay: false" ?

HTML

JS

0 投票
3 回答
3595 浏览

css - React-Bootstrap 的 Popover 样式未应用于我的组件。

我正在尝试在 React - Bootstrap 中使用覆盖触发器实现 Popover 。

它应该看起来像这样

我使用以下代码实现了它:

我使用 Inspect-Element 对它们进行了比较。我注意到.popover当我检查元素时,我的实现中没有任何样式。此外,在原始组件pseudo ::after之后有一个元素(react bootstrap 网站中的示例)。我的实现中也缺少arrow该组件。::after我不确定为什么样式会被弄乱/覆盖。根据这一行,我正确地包括了我认为的所有内容:

最后,在我的实现中我看不到 Popover 的小箭头。为什么会::after消失?如何使小箭头(三角形 css)在我的实现中可见?