酥料餅通過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加載時，popover不起作用。

Answer 1

確保您調用Ajax回調函數（成功）再次爲動態添加的元素之後酥料餅..而不是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(); 
    ...... 
    ...... 
});