新手到bootstrap - popover代码无法正常工作

时间:2013-07-12 05:23:43

标签: jquery twitter-bootstrap

我试图在点击时动态地将内容加载到弹出框中,
我没有看到弹出内容改变

 $('a#popover-link').popover("content", "New Content for Popover");

示例代码: http://jsfiddle.net/848SQ/2/


我做错了什么?
bootstrap popover和JQuery popover之间有什么区别吗?
谢谢

1 个答案:

答案 0 :(得分:3)

使用Bootstrap 2.3.2,尝试这样的事情

var content = 'Loading...';
$('a#popover-link').popover({
    placement : 'right',
    title : 'popover title',
    html: 'false',
    trigger:'hover',
    content :function() { return content; }
});

$('a#popover-link').click(function(){      
    var link = $('a#popover-link').popover("hide");
    content = 'New content for popover';
    link.popover('show');
});

示例 - http://jsfiddle.net/848SQ/3/