我尝试的相应部分在这里:
<a href="#" data-content="<div id='my_popover'></div>"> Click here </a>
$(".button").popover({html: true})
$(".button").click(function(){
$(this).popover('show');
$("#my_popover").load('my_stuff')
})
Run Code Online (Sandbox Code Playgroud)
当我点击时,我看到请求已经完成,但没有填充popover.我甚至没有看到用于将popover添加到DOM的HTML,但这可能是firebug.
有没人试过这个?
我正在使用bootstrap-popover在元素旁边显示一条消息.
如果我想在第一次之后在弹出窗口中显示不同的文本,则文本不会更改.使用新文本重新实例化弹出窗口不会覆盖.
有关实例,请参阅此js小提琴:
(第一次单击后,警报中的消息和dom中的消息不一致)文档对如何解除绑定有点说明:http://twitter.github.com/bootstrap/javascript.html#popovers
我用错了吗?关于如何解决的任何建议?
谢谢
我在"重复区域"中使用Bootstrap Popover来显示推荐书.每个推荐都有一个"查看属性详细信息"按钮,可以打开弹出窗口.在Pop中我希望显示与每个推荐和图像细节相关联的图像.图像路径存储在数据库的一列中,以便显示我需要将图像源绑定到内容的每个推荐的图像,但它不接受PHP.我使用的脚本允许我将html写入内容,但需要动态创建图像.动态文本适用于'a'标记'标题'选项,但不适用于内容.
任何人都可以阐明这一点吗?
这就是我所拥有的.
<script type="text/javascript">
$(document).ready(function() {
$("[rel=details]").popover({
placement : 'bottom', //placement of the popover. also can use top, bottom, left or right
html: 'true', //needed to show html of course
content : '<div id="popOverBox"><img src="<?php echo $row_rsTstmnlResults['image']; ?>" width="251" height="201" /></div>' //this is the content of the html box. add the image here or anything you want really.
});
});
</script>
<a href="#" rel="details" class="btn btn-small pull-right" data-toggle="popover" title="<?php echo $row_rsTstmnlResults['property_name']; ?>" data-content="">View Property</a>
Run Code Online (Sandbox Code Playgroud) 我正在使用Twitter的Bootstrap js中的popover功能.我有一个按钮,当单击时,执行此javascript:
$("#popover_anchor").popover({trigger: "manual",
placement: "below",
offset: 10,
html: true,
title: function(){return "TITLE";},
content: function(){return "CONTENT TEXT";}});
$("#popover_anchor").popover("show");
Run Code Online (Sandbox Code Playgroud)
除了标题和内容函数返回不同的文本之外,还有另一个按钮执行基本相同的javascript.
请注意,它们都在同一元素上定义弹出窗口,只是具有不同的内容.
问题是,一旦点击任一按钮并执行js,其他按钮的后续点击将不会改变弹出窗口内容.因此,一旦弹出了popover,我该如何更新/更改内容?
我正在尝试集成一个twitter bootstrap popover; 我被迫使用javascript API,因为一些动态元素是通过Ajax加载的,也应该做出反应.
基本上,这是一个应该做出反应的示例标记:
<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top"
data-content="<img src="URL" />"
data-html="true" href="#"
class="popoverFileSee btn btn-default">See</a>
Run Code Online (Sandbox Code Playgroud)
URL正好由正确的URL替换
我的JS:
$( document ).on( "click", ".popoverFileSee", function() {
$( this ).popover( "toggle" );
return false;
});
Run Code Online (Sandbox Code Playgroud)
这是我想要实现的行为:
这不是"切换"的目的吗?这个代码示例中有什么问题,或者我应该在我的应用程序的其他地方检查?
谢谢
编辑:现在,它总是显示弹出窗口,即使它已经打开奇怪的事情:如果我添加alert( "test" );
我的回调函数,那么它的工作原理..
我在使用ajax重新加载bootstrap popover的内容时遇到问题.这是一些代码:http://pastie.org/3960102
第二个ajax请求(当我点击"a.close"时)返回一个更新的内容(我可以在控制台中看到它),但它没有加载到popover中.
我四处寻找解决方案,但似乎都没有.
我还能尝试什么?谢谢