jQuery遞歸加載佈局

我試圖創建一個腳本，加載與src屬性設置divs的內容。一旦這個內容被加載，我想爲加載的內容中的src屬性設置的任何div也加載更多的內容等我已經嘗試使用on函數似乎與「行動」事件，如點擊或提交但使用上（「負載」，選擇似乎並沒有傳播事件jQuery遞歸加載佈局

這是我目前有：。

jQuery("body").on("load", "div[src]", function() { 
    jQuery(this).load(jQuery(this).attr("src")); 
});

感謝您所有的幫助

來源

2017-07-16 Andy Noblet

如果你成功了，我可以看到這個死循環 – mplungjan

理想情況下，代碼將只能在DOM中的新元素觸發。 –

@mplungjan想出了一個相當簡單的解決方案 – charlietfl

沒有內容元素上的加載事件

這裏是一個簡單看起來每一個新的內容加載中，並初始化相同的插件在新的元素

(function($) { 
    $.fn.loadMore = function() { 
    //iterate all elements in collection 
    return this.each(function() { 
     //ajax load content for each element instance 
     var $el = $(this), url = $el.data('src'); 

     $el.load(url, function() { 
     // new content was loaded...initialize again on applicable new elements 
     $el.find('[data-src]').loadMore(); 
     }); 

    }) 
    } 
})(jQuery); 

// on page load start loading 
jQuery(function($) { 
    $('[data-src]').loadMore() 
})

爲data-src注意使用HTML5 data-屬性，而不是使用屬性只是src勒插件的方法。

DEMO

來源

2017-07-16 13:08:16 charlietfl

真棒，謝謝！ –

jQuery遞歸加載佈局

回答

相關問題