Javascript 从外部HTML追加和筛选div

大家好，我开始学习一点编码，我正在为我的课程做一个项目，用信息和其他数据让我的生活更轻松

现在，我在Appends文件夹中创建了一个HTML和另外两个外部HTML，并使用它们将

div

附加到原始HTML

\wrapper

div

我的问题是，当整个HTML中只有一个

div

时，它工作得非常好，如果我想删除这两个HTML并将它们统一起来，然后在单个外部HTML中放入两个div，它就不起作用了。我搜索了一些信息，并尝试了使用find和filter进行各种操作，但它就是不起作用，我不能理解我为什么做错了什么

我有这个：

$.ajax({
    url: "appends/ADDiv.html",
    dataType: 'html',
    success: function (data) { 
        $('#wrapper').append(data); 
    }
});

这是我使用的原始代码，它将外部html中的

div

附加到包装器中，没有任何问题，但是如果我添加2个div，它们就会停止工作

编辑：我忘了提到，当你按AD menu时，一个相关的Div追加，当你按CS menu时，一个Div追加与该主题相关的内容时，Div是使用菜单追加的

编辑2：

好的，我忘了显示我得到了什么hehe抱歉，所以我的代码是这样的：

索引

---

我认为应该使用

.load（url，data，callback）

方法来加载外部特定的div

根据edit2：

  $('ul li a').click(function(e) {
    e.preventDefault();
    var page = $(this).attr('href');
    $('#wrapper').load("addDiv.html " + page);
  });

---

他们只是停止工作

控制台中有错误吗？确保id是唯一的。我认为你应该发布非工作代码，而不是工作代码，更好的是发布你的标记和链接。我尝试了你上次给我的想法：P我学到了一些新的lol，但出于某种原因，我需要点击两次，内容才能显示lol可能是因为href？

<div id='AD'>
   <input type="button" value="Generate"/></td>
</div>

<div id='CS'>
   <input type="button" value="Generate2"/></td>
</div>

$.ajax({
dataType: 'html',
success: function (data) {                  
    $('#wrapper').append($('<div>').load('appends/ADDiv.html #AD')); },
});

  $('ul li a').click(function(e) {
    e.preventDefault();
    var page = $(this).attr('href');
    $('#wrapper').load("addDiv.html " + page);
  });