从点击通过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

确保再次为动态添加的元素调用ajax回调函数（成功）之后的popover ...而不是live()使用on()委派事件

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();
  ......
  ......
});