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

jquery - Bootstrap 弹出框在表格内不起作用

我正在尝试将引导弹出窗口用于动态生成的表。在表中有一个列名users,它有每个项目的用户数。

例如:表结构

现在我需要在点击时显示一个包含用户信息的弹出窗口4

用户列 HTML 是这样的:

这就是我在查询中尝试的方式:

但是当我在用户列下单击时,4它不会触发 pupover。同时,我检查了表格外的相同 HTML,我可以让它工作。

对它的任何想法在表内都行不通。

希望有人可以帮助我。

0 投票
1 回答
1672 浏览

javascript - 如何制作像谷歌应用启动按钮一样的引导弹出窗口?

如何在引导弹出框内制作范围项目?我想让它与谷歌应用启动按钮完全相同,如下图所示:

在此处输入图像描述

我玩过 CSS 并尝试让它尽可能接近,但似乎我做错了。https://jsfiddle.net/ueskyj1u/

0 投票
1 回答
9618 浏览

jquery - 如何将垂直菜单项添加到 Bootstrap 弹出窗口?

我在我的网站上使用Bootstrap v3.3.5。我想打开一个弹出框,其中包含三个由水平线分隔的菜单项。

菜单项应该是垂直的并且应该如下:

  • 编辑事件
  • 邀请成员
  • 删除事件

每个菜单项都应该是超链接,以打开一些新的模式对话框或类似的东西。为此,我尝试了下面的代码,但对我没有用。

0 投票
1 回答
779 浏览

javascript - Bootstrap Popover + Angular:将鼠标悬停在弹出框上时保持弹出框打开

我有一个问题让我疯狂了好几天。悬停按钮时,我需要显示带有链接的弹出框。当鼠标悬停按钮或弹出框时,弹出框必须打开。

我需要的是我在 Plunker 上找到的这个示例的 Angular 版本:

不幸的是,我是 Angular 的新手,不知道如何将这个 jquery 示例翻译成 Angular。

0 投票
1 回答
514 浏览

javascript - 弹出窗口显示和隐藏的样式有问题

html

脚本:

我希望它在popover show上执行,在此先感谢任何人都可以在这里找到问题所在,

脚本:

下面的参考代码在小提琴中工作正常,但不适用于我的代码

0 投票
1 回答
1204 浏览

jquery - 输入删除标题上的引导弹出窗口

我正在使用带有引导验证器的引导。我在弹出框内添加错误,但是当我向输入添加标题时,它出现在弹出框中。

我需要没有标题的弹出框,但我想在输入中添加标题。

小提琴上的完整代码

0 投票
1 回答
499 浏览

javascript - 第二次显示弹出框会改变它的位置

我有一个函数可以在我的页面中创建弹出框,从 AJAX 调用中检索内容。在创建过程中,我的函数更改了弹出框的位置(它是页面范围的,所以我将left属性设置为 0 并移动箭头以指向我的元素)。一次一切正常,但是如果我将鼠标移出然后再次移入,弹出框不会从其默认位置移动(箭头也不会移动)

我的代码:

0 投票
1 回答
2124 浏览

hover - bootstrap 4 popover 在悬停时保持打开状态

我正在使用此代码来保持弹出框在悬停时保持打开状态:

这里的例子:http: //jsfiddle.net/raving/2thfaxeu/

这在 Bootstrap 3 上效果很好,但是我现在使用的是 Bootstrap 4 alpha,这不再起作用了。我不知道如何让它工作,我在任何地方都找不到答案。谁能帮我修改这段代码以使用 Bootstrap 4?

0 投票
1 回答
299 浏览

javascript - bootstrap popover 是否有 DOM 加载事件或等效的查找方法?

我正在一个元素上用 javascript 创建一个引导弹出窗口,并且在编写弹出窗口 DOM 之后我需要做一些工作。到目前为止,我有以下内容。

所以我正在设置标题、html 内容和位置。但是,html 内容包含<directive>我希望的角度,$compile()并且 bootstrap 直到单击事件之后才会将节点添加到 DOM。

我想要做的是,当节点出现在页面上时,运行一个处理弹出框内的 html 的函数。

有任何想法吗?非常感谢

0 投票
1 回答
287 浏览

twitter-bootstrap-3 - Bootstrap 的弹出框在从另一个元素关闭时不会打开

我只有一个触发弹出框的元素,以及另一个关闭它的元素。如果弹出框被这个另一个元素关闭,那么下次我单击触发器时,弹出框将不会显示。我必须单击它两次才能看到它打开。

我正在使用 Bootstrap v3.3.6(今天的最新版本)。如果我使用以前版本的 Bootstrap(即 v3.0.2),它可以正常工作。SO中解决此问题的另一个问题是使用旧版本的Bootstrap。

说明此问题的示例(在Codepen中):

HTML:

JS