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

popover - Bootstrap Popover 保持 HTML

如何在重新初始化时保存弹出内容?这是我的代码,弹出窗口包含一个表单。如果用户在填写一些信息后返回,我想保留表单值...

我不想要任何模式窗口等。即使重新打开弹出框,是否有办法保留表单的内容。

谢谢。

0 投票
3 回答
32191 浏览

javascript - Bootstrap popover with manual trigger attached on dynamic content

I have a dynamic set of contenteditable divs. Divs that have class ".showPopover", will have a popover. The popover trigger is set to manual, because I want them to appear on focus, but not always hide on blur.

I found here [question]: Bootstrap Tooltip with manual trigger and selector option that I can't use the "selector method" together with the manual trigger, so I followed one of the answers there, but the popover still doesn't appear for dynamically added divs.

The problem is, that I only want popover to appear for divs with specific class, which is not added together with the div.

The change of div's class for the popover is a bit simplified with an enable button.

Jsfiddle: http://jsfiddle.net/Lh2rpj0f/2/

Jquery 1.11.1, Bootstrap 3.3.2


So thanks to Yenne Info, I've got a working solution: http://jsfiddle.net/Lh2rpj0f/4/

It might not be the best solution, but it does exactly what I wanted. (When I click the button inside popover, this popover is not destroyed when Enable button is clicked.)


As for now, my final solution: Bootstrap popover with manual trigger attached on dynamic content

0 投票
2 回答
11833 浏览

jquery - Bootstrap - 以编程方式附加并显示弹出框到元素

我正在使用 Bootstrap v3,并且试图在页面加载时以编程方式在元素旁边显示一个弹出框。DOM 中没有弹出框标记。我想在 JQuery 中创建并显示它。

我已经尝试过了,但它不起作用。

我在控制台中收到“TypeError:Window.getComputedStyle 的参数 1 不是对象”错误。我假设这是由上述原因引起的。

0 投票
2 回答
3714 浏览

twitter-bootstrap - Bootstrap 弹出框自定义模板不起作用

我正在尝试使用选项将自定义模板设置为弹出框,但从未添加过该模板。为什么?这是代码。我需要这种方法才能工作,因为我不能使用方法 .popover(ecc..)

HTML:

0 投票
1 回答
2297 浏览

javascript - 使用 fullcalendar.io 创建事件后触发一次

代码:http: //jsfiddle.net/AzmJv/1008/

popover将鼠标悬停在日历中的事件上时,我正在尝试使用 Bootstrap Popover 插件进行创建。popover()但是,在创建新事件 DOM 后,我找不到绑定到它的方法。

我尝试eventAfterRender根据文档使用事件,但它似乎是为日历中的所有事件触发的。

http://fullcalendar.io/docs/event_rendering/

HTML:

JS:

CSS:

您可以在控制台中看到日志,显示每次通过单击日期创建新事件时,它都会通过调用来循环所有现有事件eventAfterRender

在此处输入图像描述

所以问题:

  1. 创建新事件后如何触发一次?

  2. 如何将该事件DOM与属性绑定popover并具有额外的数据(如description键)?我不想只查询 DOM 来显示标题。

谢谢。

0 投票
1 回答
3166 浏览

asp.net-mvc - 如何在 MVC 中的 Html ActionLink 上获得 Boostrap 弹出框功能?

我有一张带有 ActionLinks 的表。我试图弄清楚如何包装这些,以便我可以显示引导弹出功能。任何帮助表示赞赏!

这是我在尝试进行任何更改以允许 Bootstrap-Popover 功能之前所拥有的:

0 投票
0 回答
782 浏览

jquery-ui - jQuery Ui-输入标签中的自动完成和弹出框

我想在一个输入标签中使用自动完成和弹出框。但自动完成无法显示,我看到谷歌浏览器开发者工具,自动完成是工作,只是无法显示。我不知道该怎么办。

HTML 代码

JS代码

});

0 投票
1 回答
1700 浏览

php - 引导弹出表单未使用 AJAX 提交

我有一个引导弹出窗体,其中有几个输入文本字段和一个提交按钮。弹出框与输入文本字段一起显示得很好,但是当单击提交按钮时,根本不会阻止默认操作。我也尝试登录表单提交,但根本没有记录任何内容。我认为原因与弹出框以及它们最初是如何实现的有关。

JQ:

任何有清晰想法的人都可以提供帮助。谢谢。

0 投票
0 回答
1255 浏览

jquery - 全日历中的引导弹出窗口有时位于底部,有时位于中午

我在 dayClick 事件上显示了一个引导弹出窗口,它的位置为“底部”,但一些点击在底部显示弹出窗口,有些则在一天中间显示。代码和图片如下所示。似乎日期 22-28 显示底部的弹出框就像它应该的那样,但是 22 日以上和 28 日以下的日期显示中间的弹出框,如下图所示。

在此处输入图像描述

在此处输入图像描述

0 投票
0 回答
1268 浏览

javascript - bootstrap popover 调用了两次

在我的点击事件中,我正在显示引导弹出窗口,它可以工作,但它被显示了两次。一次在底部,就像我定义的那样,一次在右下角。代码和图片如下。

如果我在

返回 $("#events-popover-head").html();

我可以看到这段代码被调用了 4 次!!!

我看到这可能是 twitter bootstrap 的一个已知错误。我在这里读到,当您没有标题时会发生这种情况,但我既有标题又有内容。我正在使用 bootstrap 3.3.1 这个问题有什么解决方法吗?

如果我包含 dayClick 事件,则当天点击弹出框是可以的(仅显示一个)

在此处输入图像描述