javascript - Jquery 克隆函数不工作

Question

我试图在单击按钮时复制一个 div。但是当我点击按钮时，div 出现，页面刷新并且 div 被删除。这是我的 jscript 代码:

$("#button").click(function () {

        $('.duplicater').clone().insertAfter(".duplicater");

    });

这是我的html代码

<div id="duplicater" class="duplicater">
The text goes here
</div>

<button id="button" class="btn btn-info btn-xs">Add More</button>

我想如果用户点击按钮 div 出现而不刷新页面...

Answer 1

button充当提交，因为它可能正在提交页面，因此您可以尝试更改您的按钮标签，从:

<button id="button" class="btn btn-info btn-xs">Add More</button>

到

<input type="button" id="button" class="btn btn-info btn-xs" value="Add More" />

如果没有指定按钮标签的类型默认是submit，所以你也可以尝试添加type="button"as:

<button type="button" id="button" class="btn btn-info btn-xs">Add More</button>