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

问题描述

|| 我正在尝试将HTML内容而不是整个页面导入到新页面。 问题是我必须为需要加载的每个项目创建文档加载功能。有没有办法在单个函数中执行此操作？意味着每次单击链接时都会导入不同的内容吗？因此，如果要导入其他DIV内容，则必须创建一个完整的副本。 码：

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

    

解决方法

        您可以尝试动态设置。我假设您将使用不同的链接来设置不同的内容。 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>