Questions tagged «popover»

我们可以使弹出窗口与模式一样被消除吗？当用户单击它们外部的某个位置时使它们关闭？ 不幸的是，我不能只使用真实的模式而不是popover，因为modal意味着position：fixed，这将不再是popover。:(

289 twitter-bootstrap  popover 

我正在尝试在自举弹出窗口中显示HTML，但不知为何它不起作用。我在这里找到了一些答案，但对我不起作用。如果我做错了事，请告诉我。 <script> $(function(){ $('[rel=popover]').popover({ html : true, content: function() { return $('#popover_content_wrapper').html(); } }); }); </script> <li href="#" id="example" rel="popover" data-content="" data-original-title="A Title"> popover </li> <div id="popover_content_wrapper" style="display: none"> <div>This is your div content</div> </div>

288 html  twitter-bootstrap  popover 

我正在使用Bootstrap 3设计页面。我正在尝试placement: right在输入元素上使用弹出框。新的Bootstrap可确保您在使用form-control时基本上具有全角输入元素。 HTML代码如下所示： <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> 我认为popover的宽度太低，因为它们在div中没有​​剩余的任何宽度。我想在左侧输入表单，在右侧显示宽弹出窗口。 通常，我正在寻找无需覆盖Bootstrap的解决方案。 附加的JsFiddle。第二个输入选项。jsfiddle并没有使用太多，所以不知道，但是尝试增加输出框的大小以查看结果，在较小的屏幕上甚至看不到它。 http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

我使用Twitter的引导的酥料饼这里。现在，当我滚动查看弹出框文本时，会出现一个弹出框，其中仅包含来自<a>的data-content属性的文本。我想知道是否有任何地方可以放置<div>弹出窗口。潜在地，我想在那里使用php和mysql，但是如果我可以使div正常工作，我想我可以弄清楚其余部分。我尝试将数据内容设置为divID，但没有成功。 HTML： <a class='danger' data-placement='above' rel='popover' data-content='#PopupDiv' href='#'>Click</a>

151 twitter-bootstrap  popover 

我在引导站点上工作，并且从2.0更新到引导2.2之后，除了弹出窗口之外，其他所有东西都起作用。 弹出窗口仍然显示良好，但不会出现在所有其他元素之上。 <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. </div> </div> </div> 任何人都对为什么弹出式窗口的行为有所更改或如何解决有任何想法？谢谢。

128 javascript  html  twitter-bootstrap  popover 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JS小提琴 我猜想我会将表单内容存储在javascript函数中... 如何在引导弹出窗口中包含表单？

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

我可以很容易地使用引导程序使弹出窗口显示出来，也可以使用标准的jQuery验证插件或jQuery验证引擎进行验证，但是我不知道如何将它们引入另一个。 我认为我需要的是验证器要显示通知时调用的钩子，为它提供一个闭包，将消息和目标元素传递给弹出框。这似乎是一种依赖注入。 从理论上讲一切都很好，但我只是无法弄清楚该钩子在哪里，或者即使在任一验证引擎中都存在。他们俩似乎都打算承担显示通知的责任，这些通知带有错误，错误类型（我甚至不一定需要消息文本）及其相关元素，以便显示通知，其中包含各种精美的布局，包装，样式选项至。我找到了整个表单的钩子，而不是单个通知的钩子。 我更喜欢使用类定义规则的验证系统，因为它们可以很好地与动态创建的表单一起使用。 任何人都有解决方案或更好的主意吗？

84 jquery  validation  twitter-bootstrap  popover 

我到处搜寻了互联网，而我发现此stackoverflow帖子很有见地，是否可以根据屏幕宽度更改Bootstrap弹出窗口的位置？，它仍然没有回答我的问题，可能是由于我在理解位置/偏移时遇到了麻烦。 这就是我想要做的。我希望Twitter Bootstap Popover的位置为RIGHT，除非热点Popover的位置超出视口，然后我希望它的位置为LEFT。我正在制作一个具有热点的iPad Web应用程序，当您按一个热点时，会显示信息，但是当水平滚动锁定时，我不希望它出现在视口之外。 我在想它会变成这样： $('.infopoint').popover({ trigger:'hover', animation: false, placement: wheretoplace }); function wheretoplace(){ var myLeft = $(this).offset.left; if (myLeft<500) return 'left'; return 'right'; } 有什么想法吗？谢谢！

83 jquery  twitter-bootstrap  offset  popover 

JS： $(function(){ $("#example").popover({ placement: 'bottom', html: 'true', title : '<span class="text-info"><strong>title</strong></span> <button type="button" id="close" class="close">×</button>', content : 'test' }) $('html').click(function() { $('#close').popover('hide'); }); }); HTML： <button type="button" id="example" class="btn btn-primary" ></button> 我写你的代码不显示您的弹出窗口。 有人遇到这个问题吗？

76 jquery  twitter-bootstrap  popover