Php 插入加载后，div元素消失

我在两页上有一个主div，即

page1.php

和

form.php

page1.php 现在，当我点击

Add

按钮时，它并没有在旁边添加其他

表单

/

div class='single\u class'

。。。但它消失了

当我检查

Chrome开发者工具的
检查元素时，什么都没有。。除了javascript之外，整个主体都是空的

现在，我如何在单击按钮旁边添加页面
load
选项

编辑/添加

上述小提琴可能不合适

$(".main_div").insertAfter(".single_div").load('form.php');

Inserts.main\u div在.single\u div之后，这没有意义

.insertAfter（目标）

目标：选择器、元素、HTML字符串或jQuery对象；匹配的元素集将插入到此参数指定的元素之后

我想你想要这样的东西：

$('.single_div').eq(0).clone(true).appendTo('.main_div');

使用
insertAfter
在您的代码中发生了什么；它获取元素，将其从DOM树中删除，然后尝试将其插入目标之后。当它尝试将其插入到目标之后时，目标将从DOM树中删除。因此它是空的

请尝试以下操作：

$(".main_div").clone(true).insertAfter(".single_div").load('www.google.com');

在clone（）中包含true可确保事件也被复制

不幸的是，这里似乎有更多的错误。我不太清楚你想做什么。
您只想在每次单击“添加”按钮后获得该类div的副本？
@Rafee$（“.single\u div”）获取该类的所有div。但在你的情况下，你只需要一个。等式（0）返回集合中的第一个元素。
$(".main_div").insertAfter(".single_div").load('form.php');

$('.single_div').eq(0).clone(true).appendTo('.main_div');

$(".main_div").clone(true).insertAfter(".single_div").load('www.google.com');