问题标签 [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.
jquery - Bootstrap 弹出框在表格内不起作用
我正在尝试将引导弹出窗口用于动态生成的表。在表中有一个列名users
,它有每个项目的用户数。
例如:表结构
现在我需要在点击时显示一个包含用户信息的弹出窗口4
。
用户列 HTML 是这样的:
这就是我在查询中尝试的方式:
但是当我在用户列下单击时,4
它不会触发 pupover。同时,我检查了表格外的相同 HTML,我可以让它工作。
对它的任何想法在表内都行不通。
希望有人可以帮助我。
jquery - 如何将垂直菜单项添加到 Bootstrap 弹出窗口?
我在我的网站上使用Bootstrap v3.3.5。我想打开一个弹出框,其中包含三个由水平线分隔的菜单项。
菜单项应该是垂直的并且应该如下:
- 编辑事件
- 邀请成员
- 删除事件
每个菜单项都应该是超链接,以打开一些新的模式对话框或类似的东西。为此,我尝试了下面的代码,但对我没有用。
javascript - Bootstrap Popover + Angular:将鼠标悬停在弹出框上时保持弹出框打开
我有一个问题让我疯狂了好几天。悬停按钮时,我需要显示带有链接的弹出框。当鼠标悬停按钮或弹出框时,弹出框必须打开。
我需要的是我在 Plunker 上找到的这个示例的 Angular 版本:
不幸的是,我是 Angular 的新手,不知道如何将这个 jquery 示例翻译成 Angular。
javascript - 弹出窗口显示和隐藏的样式有问题
html
脚本:
我希望它在popover show上执行,在此先感谢任何人都可以在这里找到问题所在,
脚本:
下面的参考代码在小提琴中工作正常,但不适用于我的代码
javascript - 第二次显示弹出框会改变它的位置
我有一个函数可以在我的页面中创建弹出框,从 AJAX 调用中检索内容。在创建过程中,我的函数更改了弹出框的位置(它是页面范围的,所以我将left
属性设置为 0 并移动箭头以指向我的元素)。第一次一切正常,但是如果我将鼠标移出然后再次移入,弹出框不会从其默认位置移动(箭头也不会移动)
我的代码:
hover - bootstrap 4 popover 在悬停时保持打开状态
我正在使用此代码来保持弹出框在悬停时保持打开状态:
这里的例子:http: //jsfiddle.net/raving/2thfaxeu/
这在 Bootstrap 3 上效果很好,但是我现在使用的是 Bootstrap 4 alpha,这不再起作用了。我不知道如何让它工作,我在任何地方都找不到答案。谁能帮我修改这段代码以使用 Bootstrap 4?
javascript - bootstrap popover 是否有 DOM 加载事件或等效的查找方法?
我正在一个元素上用 javascript 创建一个引导弹出窗口,并且在编写弹出窗口 DOM 之后我需要做一些工作。到目前为止,我有以下内容。
所以我正在设置标题、html 内容和位置。但是,html 内容包含<directive>
我希望的角度,$compile()
并且 bootstrap 直到单击事件之后才会将节点添加到 DOM。
我想要做的是,当节点出现在页面上时,运行一个处理弹出框内的 html 的函数。
有任何想法吗?非常感谢
twitter-bootstrap-3 - Bootstrap 的弹出框在从另一个元素关闭时不会打开
我只有一个触发弹出框的元素,以及另一个关闭它的元素。如果弹出框被这个另一个元素关闭,那么下次我单击触发器时,弹出框将不会显示。我必须单击它两次才能看到它打开。
我正在使用 Bootstrap v3.3.6(今天的最新版本)。如果我使用以前版本的 Bootstrap(即 v3.0.2),它可以正常工作。SO中解决此问题的另一个问题是使用旧版本的Bootstrap。
说明此问题的示例(在Codepen中):
HTML:
JS