带有ajax请求的Bootstrap popover

时间:2013-06-07 06:13:19

标签: ajax twitter-bootstrap popover

我有一些Scroll Pagination的基本ajax请求 和准备好bootstrap popover的内容。 这是一个小代码:

            <a href="#" data-aka="popover" rel="popover" data-original-title="A Title 1">
                <dt id="<?php echo $item->post_date ?>">
                    <?php echo $avatar; ?>
                </dt>
                <dd><strong><?php echo $user->display_name; ?></strong><?php echo $content ?>.</dd>
            </a>



      <script>
 jQuery(function(){

jQuery('.sideUpdate').find('a[data-aka=popover]').popover({
html : true,
trigger: 'hover',
placement: 'left',
container: '.chatSidebar',
content: function() {
  return jQuery('#popover_content_wrapper').html();
}
});

});

      </script> 

这适用于php生成的代码,但不是附加的代码。我想我需要刷新我的js以包含新的锚点或类似的东西吗?

2 个答案:

答案 0 :(得分:0)

实际上,您可以在不重新初始化popover的情况下执行此操作:

jQuery('.sideUpdate').popover({
    html : true,
    trigger: 'hover',
    placement: 'left',
    container: '.chatSidebar',
    content: function() {
       return jQuery('#popover_content_wrapper').html();
    },
    selector: "a[data-aka=popover]"
});

通知selector选项实际上与委派事件类似。

答案 1 :(得分:0)

添加a[data-aka=popover]后,您需要再次初始化popover。

例如:

$('<a data-aka="dd"></a>').appendTo('container').popover({})