jquery – 通过ajax动态生成内容的Twitter Bootstrap Popover

我愿意设置Bootstrap Popover来显示已发送给用户的电子邮件列表.因此,内容通过ajax调用动态生成.这是我的一段代码：

$('#liste').on('mouSEOver','tr[data-toggle=popover]',function(e) {
        var $tr = $(this);
        id = $(this).data('id');
        $.ajax({
            url: '<?PHP echo $this->url(array(),'loadRelance');?>',data: {id: id},dataType: 'html',success: function(html) {
                $tr.popover({
                    title: 'Relance',content: html,placement: 'top',html: true,trigger: 'hover'
                }).popover('show');
            }
        });
    });

如您所见,它将在< table>的< tr>上触发每次鼠标悬停的ajax调用.由于它在第一次加载页面时工作正常,当我对发送的邮件数量进行更改时,当我再次执行此操作时,它不会显示更新的列表(如果我重新加载页面当然会有效) ).我可以在Chrome开发者工具栏的XHR请求预览中看到更新的列表,但它不会将其加载到弹出窗口的内容中.它保留了旧列表.

任何帮助将非常感激.
谢谢！

解决方法

你应该使用以下方法销毁现有的popover：

$tr.popover('destroy');

然后使用您的代码创建新的popover：

$tr.popover({options}).popover('show');

原文地址：https://www.jb51.cc/jquery/178590.html