jquery - Bootstrap 弹出窗口 : reload content with ajax

Question

我在使用 ajax 重新加载 bootstrap popover 的内容时遇到问题。这是一些代码:http://pastie.org/3960102

第二个ajax请求(当我点击“a.close”时)返回更新的内容(我可以在控制台中看到它)，但它没有加载到弹出窗口中。

我四处寻找解决方案，但似乎都不起作用。

我还能尝试什么？谢谢

Answer 1

您可以直接访问弹出框工具提示内容，而无需重置 data-content 属性。

替换以下行:

t.attr('data-content', r);

使用此工作代码:

t.data('popover').tip().html(r);

2012 年更新

如Pigueiras他在评论中指出，这会破坏弹出窗口的默认模板。更好的解决方案是替换 .popover-content 的内容:

t.data('popover').tip().find('.popover-content').empty().append(r);

2016 年更新

感谢另一条评论，这里是 Bootstrap 3 的工作代码:

t.data('bs.popover').tip().find('.popover-content').empty().append(r);