Question

大家好，我开始学习一些编码，我正在为我的课程制作一个项目，让我的生活变得更容易，信息和其他数据。

现在我制作了一个HTML并在Appends文件夹中制作了另外两个外部HTML，并使用它们将div #AD附加到原始html #wrapper { {1}}。

我的问题是，当整个HTML中只有一个div并且如果我想删除2个HTML并将它们统一在一起并将2个div放在单个外部HTML中时，它就可以正常工作＃39; t work我搜索了一些信息并尝试使用find和filter做了各种各样的事情，但它只是不起作用，我无法理解为什么以及我做错了什么。

我有这个：

div

这是我的原始代码，它将外部html中的$.ajax({ url: "appends/ADDiv.html", dataType: 'html', success: function (data) { $('#wrapper').append(data); } });附加到包装器而没有任何问题但是如果我添加2个div它们就会停止工作。

编辑：我忘了提到当你按AD菜单时附加的Div附加菜单附加div，当你按CS菜单时，div附加与该主题相关的

EDIT2：

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

索引

div

在我的外部html中，我有div按钮来测试哪些有效，哪些无效：P

<ul>
    <li><a href="javascript:showAD();">AD</a></li>
    <li><a href="javascript:showCS();">CS</a></li>
</ul>

<div id='wrapper'> </div>

我尝试过的最近的代码是这样的，如果我将它指向我的第二个div，它会有效，如果我将它指向我的第一个div，它会附加1 <div id='AD'> <input type="button" value="Generate"/></td> </div> <div id='CS'> <input type="button" value="Generate2"/></td> </div>它会附加所有div

div

Answer 1

我会说你应该使用.load(url, data, callback)方法加载外部特定div。

根据edit2：

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

从外部HTML添加和过滤div

1 个答案:

Updated Plnkr Demo.