Tag: popover

不带触发器显示弹出窗口

我想显示一个没有任何触发选项的弹出窗口..我试过这个,但它不起作用.. $(‘#boo’).popover({ placement : ‘right’, html : true, trigger : ‘show’, content: “write sth” }); go [ 更新 ]我刚注意到show没有在触发器选项中列出..( 链接 )..有没有办法让它工作?

使用Rails通过Ajax添加Twitter Bootstrap Popover

我正在尝试通过带有rails的ajax调用添加一个popover。 我在firebug中看到内容加载正常,但弹出窗口没有加载。 所有其他弹出窗口都在页面上工作,如果我重新加载页面,弹出窗口也可以工作……但它只是在ajax调用上不起作用。 我错过了什么? update.js $(“#new-pins”).append(“<img src='https://stackoverflow.com/images/.png’ class=’pinimage’ data-content=’hello’ data-original-title=”>”) show.html popover javascript: $(function () { $(‘.pinimage’).popover({ html : true }); }); 这是在ajax调用之后加载的内容: 感谢您的任何帮助!

Bootstrap Popover – 关闭时保存HTML

我有一个订单页面,您可以在其中选择所需的产品类型。 对于特定产品,他们有一些称为“规格”的东西。 当有一个按钮时,它意味着有规格。 如果单击它,将出现一个带有复选框列表的弹出窗口。 这工作正常,没有问题。 现在我遇到的问题是,当我再次单击时,弹出窗口关闭(也正常)但数据不保存。 我假设它从内容中复制并缓存它。 我的问题是,有什么方法可以在关闭数据时保存数据,或者使用来自popover中DIV的“实时”数据? 谢谢。 编辑: 你想要的设备清单: … S DIV的内容在POPOVER中。 现在,当contnet改变时,我想让它反映在DIV中。 谢谢。

Bootstrap popover更改html内容

我需要经常更改bootstrap popover中的popover内容。 为了使我用内容创建弹出窗口,下次我销毁了弹出窗口并再次创建。 但它没有按预期工作。 问题是它只在偶数时间工作,即。 它第一次工作第二次它不工作第三次工作等等。 我创建了我的场景 HTML note haii 使用Javascript var i = 0; var content = “haiii” + i; $(‘#today_not_to_doctr’).popover({ title: “Note to Doctor”, content: content, html: true, placement: “bottom”, viewport: { selector: ‘body’, padding: 20 } }); $(‘#test’).on(‘click’, function() { i++; content = “haiii” + i; $(‘#today_not_to_doctr’).popover(‘destroy’); $(‘#today_not_to_doctr’).popover({ title: “Note to Doctor”, […]

Twitter Bootstrap Popover – DOM插入位置

我有Bootstrap Popovers工作正常,但是popover get附加到文档底部的body ,而不是触发元素下面,就像在bootstrap文档中一样: http : //twitter.github.com/bootstrap/ javascript.html#popovers 任何人都知道如何控制弹出窗口的插入位置? 或者至少,让它附加到触发元素父级? 这就是我所拥有的: http://jsfiddle.net/qt34N/4/ Popover on top jQuery的: $(“a[rel=popover]”).popover(); 建议?

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

代码: http : //jsfiddle.net/AzmJv/1008/ 当我将鼠标hover在日历中的事件上时,我正在尝试使用Bootstrap Popover插件创建popover。 但是,在创建新事件DOM之后,我找不到将popover()绑定到新事件DOM的方法。 我尝试根据文档使用eventAfterRender事件,但它似乎是为日历中的所有事件触发的。 http://fullcalendar.io/docs/event_rendering/ HTML: JS: $(document).ready(function () { $(‘#calendar’).fullCalendar({ header: { left: ‘prev,next today’, center: ‘title’, right: ‘month,agendaWeek,agendaDay’ }, defaultDate: ‘2015-02-12’, selectable: true, selectHelper: true, select: function (start, end) { var title = prompt(‘Event Title:’); var eventData; if (title) { eventData = { title: title, start: start, end: end […]

Bootstrap弹出窗口不适用于第一个mouseenter事件

我使用如下代码 this 我按如下方式触发了jquery事件 $(document).on(“mouseenter”,”.reply”,function(event){ $(this).popover({placement:’bottom’}); }); 但问题出在第一个hover事件上,popover没有显示出来 从第二次事件popover得到正常显示…这种活动的原因是什么以及如何纠正它…

使用Bootstrap在图标旁边显示popover

我有一个来自bootstrap的信息图标: 我有一个popover: Wat is een snippet? X Moderne e-mailorigramma’s tonen behalve het subject van de mail(het onderwerp) ook een extra informatieregel. Zo wordt de context van de mail sneller duidelijk als een gebruiker zijn inbox ‘scant’. Deze tekst wordt ‘snippet’ genoemd en is aanpasbaar op deze pagina. 以下是用于显示popover的jQuery: $(document).ready(function () { $(“.watiseenSnippetButton”).click(function () { $(‘#SnippetTonen’).modal(‘show’); […]

PopOver自动调整位置

我正面临PopOver的问题。 我想让它在所有位置自动调整。 如果它没有在右侧找到空间,则在左侧打开。 但我希望它能为顶部/底部做同样的事情。 即如果它没有在顶部找到空间,它应该在底部打开,反之亦然。 我有什么方法可以为所有方面做到这一点? $(‘[data-toggle=”popover”]’).popover({ trigger: ‘manual’, placement: ‘auto right’ }) HTML

销毁Bootstrap popover时出现Javascript错误

试图改变一个引导Popover的标题和内容,我遇到了一些麻烦。 我在销毁选择器中的弹出内容时遇到此问题。 错误就是这个 TypeError: ‘undefined’ is not a function (evaluating ‘data[option]()’) 这段代码是这样的: $(“#test_name-” + json.test_id).popover(‘destroy’); 我收到了该行的错误。 我已经检查过$(“#test_name-” + json.test_id)真的包含一个Popover。 编辑:由于评论我解决了。 我没有使用最新版本的Bootstrap。 一旦升级到2.1.0,一切似乎都很完美。 重要! 在这个新版本中,您需要将触发器设置为“hover”,因为它默认为“单击”。 非常感谢 佩德罗