使用單個函數將多個HTML內容導入頁面

Question

我正在嘗試導入HTML內容，而不是將整個頁面導入新頁面。

問題是我必須爲每個需要加載的項目創建文檔加載函數。有一種方法可以在單個函數中執行此操作嗎？每次點擊鏈接時都會導入不同的內容？所以如果我想導入另一個DIV內容，我必須創建一個完整的副本。

代碼：

$(document).ready(function() { 
    $('.using-this-button').click(function() { 
     $('.importHere').load('from-here.php #just-this-part'); 
     return false; 
    }); 
}); 

Answer 1

你可以嘗試動態設置它。我假設你將使用不同的鏈接來設置不同的內容。

JS

$(document).ready(function() { 
     $('a.dynamic_load').click(function() { 
     var $el = $(this); 
     $($el.data('dest')).load($el.data('src'), $el.data('target')); 
     });  
    }); 

HTML

<a href="url.php" data-src="url-to-retrieve-data.php" data-dest=".element-to-replace" data-target="#element-to-retrieve-data-from">click here</a>