使用单个函数将多个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>