如何在 asp.net 控件单击时维护 jQuery 中的克隆内容？

【问题标题】：How to maintain cloned content in jQuery on a asp.net control click?如何在 asp.net 控件单击时维护 jQuery 中的克隆内容？
【发布时间】：2018-11-18 06:54:40
【问题描述】：

 $("#Add").click(function (e) {
        e.preventDefault();
        var group = $('#oldDiv').clone().attr("id", "newDiv" + i);
        $(group).appendTo("#container");
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
<div id="oldDiv">
<Button runat="server" id="Add">Add+</Button><br><br>
</div>
</div>


<asp:Button ID="BtnShow" runat="server" Text="Show" />

我有一个按钮，通过这个按钮，我正在使用 jQuery 在 div 中添加一些内容。我还有一个 asp.net 控件，当我单击它时，由于回发，我添加的内容会被删除。我应该怎么做才能防止asp.net控件执行回发并维护我添加的内容。

【问题讨论】：

标签： jquery html asp.net

【解决方案1】：

将代码更改为：

asp.net：

<Button runat="server" id="Add" onclick="return myFunction()">Add+</Button>

Javascript：

function myFunction() {
        var group = $('#oldDiv').clone().attr("id", "newDiv" + i);
        $(group).appendTo("#container");
        return false;
 };

sn-p：

    function myFunction() {
            var group = $('#oldDiv').clone().attr("id", "newDiv" + 1);
            $(group).appendTo("#container");
            return false;
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
<div id="oldDiv">
<Button  runat="server" id="Add" onclick="return myFunction()">Add+</Button>
</div>
</div>


<asp:Button ID="BtnShow" runat="server" Text="Show" />

【讨论】：