使用单个函数将多个HTML内容导入页面

时间:2011-05-29 09:15:57

标签: javascript jquery

我正在尝试导入HTML内容,而不是将整个页面导入新页面。

问题是我必须为我需要加载的每个项目创建文档加载功能。有没有办法在单一功能中执行此操作?这意味着每次单击链接时都会导入不同的内容?因此,如果我想导入另一个DIV内容,我必须创建一个完整的副本。

代码:

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

1 个答案:

答案 0 :(得分:0)

您可以尝试动态设置它。我假设您将使用不同的链接来设置不同的内容。

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>