Question

我有一些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以包含新的锚点或类似的东西吗？

Answer 1

实际上，您可以在不重新初始化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选项实际上与委派事件类似。

Answer 2

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

例如：

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

带有ajax请求的Bootstrap popover

2 个答案: