问题标签 [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 回答
2782 浏览

javascript - Bootstrap 弹出窗口在选择更改时显示/隐藏

我在选择框上有一个 Bootstrap 弹出框。如果我更改选择的值,弹出框会隐藏或显示。

  • 为什么选择会触发弹出框?
  • 这是预期的行为吗?
  • 如何防止这种情况并根据选择的状态独立显示/隐藏弹出框。

HTML

JavaScript

这是JsBin 中的一个示例

0 投票
1 回答
2831 浏览

jquery - Bootstrap 弹出框位置和放置和提示

您如何定位引导弹出框,使其在窗口调整大小时不会从触发元素上浮动?

需要应用什么 css 才能将尖端移动到弹出框的顶部边缘,即靠近拐角处?

我设置了以下选项,但它将弹出框放在左侧而不是右侧。

的HTML:

0 投票
2 回答
2566 浏览

jquery - 全日历中的弹出窗口没有被解雇

单击事件时,我必须打开一个弹出窗口,如果您单击外部的任何位置,它应该被解除,所以我使用带有焦点触发器的弹出窗口,当我在事件外部单击时它不会被解除

以下是我正在使用的 js 代码

以下是js小提琴链接:https ://jsfiddle.net/kd7e2xpc/2/

0 投票
2 回答
196 浏览

javascript - 触摸和点击的不同行为

我正在使用 Bootstrap Popovers 在我的 UI 中提供“帮助文本”。

我现有的 JavaScript:

当我用鼠标悬停或触摸元素时会显示弹出框。我的问题是锚标签元素。如果 Popover 由触摸事件触发:

  1. 不要点击链接
  2. 将锚标记元素添加到 Popover 文本以提供对基础链接的访问权限
0 投票
2 回答
246 浏览

jquery - Bootstrap 弹出框在更改其内容后不会切换

我有一行buttons和每一个click我想用来自ajax呼叫的数据填充弹出框。

我做了什么

现在我可以切换弹出框并运行为我带来所需数据的功能。

弹出窗口正确打开,并且正确附加了 ajax 数据。但问题是弹出窗口保持打开状态,我无法再关闭它。

0 投票
0 回答
200 浏览

javascript - 无法在引导弹出窗口中获取链接数组

我正在尝试在弹出窗口中创建搜索选项。

我使用 AJAX 将这些弹出框加载到页面中。

我的弹出框代码:

});

我的搜索功能:

它找不到行,我不知道为什么。任何人都可以帮助我修复此方法或提供其他选择吗?

肿瘤坏死因子。

0 投票
4 回答
13343 浏览

jquery - 获取 popover 的 data-content 中的 HTML 标签的元素

我在 Bootstrap3 的“popover”中工作。在这里,我放置了如下 HTML 内容,

我无法引用 data-content 属性中存在的 html 元素。

如下图,

但是引导类正在被应用,在这种情况下,“btn”被应用于锚标记。附加jsFiddle。谁能给我解释一下?

0 投票
2 回答
1164 浏览

jquery - Bootstrap Popover 在 IE10 中不起作用

我有以下 boostrap 弹出窗口,它适用于 firefox 和 chrome,但似乎不显示在 IE10 中?

我的jQuery调用:

0 投票
2 回答
2344 浏览

html - 使用从右到左的语言显示引导弹出框

我正在使用引导程序 3.3.5

我有一个测试页面,用户可以在其中从从左到右的语言(英语、法语、德语等)到从右到左的语言(阿拉伯语、希伯来语等)之间切换。

我遇到的问题是引导弹出窗口在从右到左的语言下无法正确显示。

如果用户以从右到左的语言查看页面,那么我拉入 rtl bootstrap css 页面,否则使用从左到右的 css 页面。

例如,从右到左的引导 css 是:

从左到右的引导 css 是:

这是从左到右语言下弹出框的可视化显示:

在此处输入图像描述

这是从右向语言下的弹出框的视觉显示,显示不正确(弹出框的箭头和位置仍然好像使用从左向右的语言/css):

在此处输入图像描述

请忽略从右到左弹出框的内容,因为我还没有放入翻译文件/链接中。

我已经为此搜索了 SO & Google,但我找不到对此问题的参考。有没有人建议纠正这个问题?

0 投票
1 回答
686 浏览

jquery - 加载新内容时,bootstrap-popover 不会隐藏

在我的代码中div,我有一个用于使用 JQuery 加载不同内容类型的内容,现在我加载到 div 中的新内容有弹出框,问题是当我将新内容加载到中时弹出框不会消失div,几乎就像它们被附加到新内容上。

当新内容加载到 中时,如何使它们消失div

HTML