Question

编辑：

在我的sistemas.html文件（section值是“sistemas”）上，我已经更改了我想带这个ID的div：

<div class="content-sistemas" id="content">

这个Ajax调用既不起作用......：

 $.ajax({ 
         url: section+".html", 
         dataType: 'html', 
         success: function(response) { 
            var htmldiv = $(response);
            var selectedContent = $(htmldiv).find('#content').html();
            $('.contentPanel').html(selectedContent);
         } 
      });

仅供参考：警告变量'htmldiv'会弹出整个html文件，以便整个数据正常运行，因此如果我要求加载整个HTML文件，它会在('.contentPanel)上正确加载：

success: function(response) { 
    $('.contentPanel').html(response);
}

尝试仅提供#content div时出现问题。

我有正常工作功能，将当前页面包含在HTML文件中的所有内容（例如，当section变量为“sistemas”时，它会加载{{1}完美的：

sistemas.html

但是，当我尝试仅选择该HTML的特定部分时，它什么也没带来。文件中的特定内容位于DIV中，类以“content-”开头，然后存储在$.ajax({ url: section+".html", dataType: 'html', success: function(response) { $('.contentPanel').html(response); } });变量上的名称（例如：section）：

content-sistemas

这不应该正常吗？在最后一个示例中，应该加载HTML文件中的div：

$.ajax({ 
     url: section+".html", 
     dataType: 'html', 
     success: function(response) { 
         $('.contentPanel').html(jQuery(response).find('.content-'+section).html());
     }
 });

Answer 1

试试这个我添加了两个变量＆＃39; htmldiv＆＃39;和＆＃39; selectedContent＆＃39;。

$.ajax({ 
   url: section+".html", 
   dataType: 'html', 
   success: function(response) { 
      var htmldiv = $(response);
      var selectedContent = $(htmldiv).find('.content-'+section).html();
      $(document).find('.contentPanel').html(selectedContent);
   } 
});

Answer 2

最后，通过这种方式解决了问题：

$.ajax({  url: section+".html",  
          dataType: 'html',  
          success: function(response) {   
            var div = $('#content', $(response));
            $('.contentPanel').html(div);         } 
      });

未加载AJAX特定的HTML内容

2 个答案: