jquery - 单击通过 ajax 加载的内容的弹出窗口

Question

我有代码

jQuery('a[rel=popover]').popover({
  html: true,
  title: '',
  content: function() {
    .....
    .....
  }
}).live('click', function(e) {
  e.preventDefault();
  ......
  ......
});

我有链接

<a rel="popover" href="#">link</a>

我的问题是单击加载页面时加载的链接可以正常工作。但是当通过 ajax 加载链接时，弹出框不起作用。

Answer 1

make sure you call popover after the ajax callback function (success) again for the dynamically added element.. and instead of live() use on() delegated event

jQuery.ajax({
    url:.....
    ...
    success:function(data){
        //codes to appene a
       jQuery('a[rel=popover]').popover({
               html: true,
               title: '',
               content: function() {
               .....
               .....
               }
       }); 
    } 
});

jQuery(document).on('click','a[rel=popover]', function(e) {
  e.preventDefault();
  ......
  ......
});