相关疑难解决方法(0)

使用AJAX加载Bootstrap popover内容.这可能吗?

我尝试的相应部分在这里:

<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.

有没人试过这个?

jquery twitter-bootstrap

85
推荐指数
8
解决办法
13万
查看次数

如何更新bootstrap popover文本?

我正在使用bootstrap-popover在元素旁边显示一条消息.

如果我想在第一次之后在弹出窗口中显示不同的文本,则文本不会更改.使用新文本重新实例化弹出窗口不会覆盖.

有关实例,请参阅此js小提琴:

http://jsfiddle.net/RFzvp/1/

(第一次单击后,警报中的消息和dom中的消息不一致)文档对如何解除绑定有点说明:http://twitter.github.com/bootstrap/javascript.html#popovers

我用错了吗?关于如何解决的任何建议?

谢谢

javascript jquery twitter-bootstrap

55
推荐指数
6
解决办法
7万
查看次数

我可以在Bootstrap popover中使用动态内容吗?

我在"重复区域"中使用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)

javascript php jquery popover twitter-bootstrap

16
推荐指数
3
解决办法
4万
查看次数

使用Twitter的Bootstrap时,如何更改popover的内容?

我正在使用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,我该如何更新/更改内容?

javascript popover twitter-bootstrap

12
推荐指数
2
解决办法
2万
查看次数

Bootstrap popover.toggle()只显示

我正在尝试集成一个twitter bootstrap popover; 我被迫使用javascript API,因为一些动态元素是通过Ajax加载的,也应该做出反应.

基本上,这是一个应该做出反应的示例标记:

<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top" 
   data-content="&lt;img src=&quot;URL&quot; /&gt;"
   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" );我的回调函数,那么它的工作原理..

jquery popover twitter-bootstrap

10
推荐指数
1
解决办法
2万
查看次数

bootstrap popover:用ajax重新加载内容

我在使用ajax重新加载bootstrap popover的内容时遇到问题.这是一些代码:http://pastie.org/3960102

第二个ajax请求(当我点击"a.close"时)返回一个更新的内容(我可以在控制台中看到它),但它没有加载到popover中.

我四处寻找解决方案,但似乎都没有.

我还能尝试什么?谢谢

ajax jquery popover twitter-bootstrap

9
推荐指数
3
解决办法
2万
查看次数

标签 统计

twitter-bootstrap ×6

jquery ×5

popover ×4

javascript ×3

ajax ×1

php ×1