ajax - 带有 ajax 请求的引导弹出窗口

Question

我有一些带有滚动分页的基本 ajax 请求 和准备好引导弹出窗口的内容。这是一个小代码：

            <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

实际上，您可以在不重新初始化弹出框的情况下执行此操作：

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]，您需要再次初始化弹出窗口。

前任：

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