Question

我有一个简单的问题。我的JS代码是这样的，但当我尝试向<div>添加新元素或内容时，它会出现快速上升。我不知道为什么。

我该如何避免这种情况？

        <head>
            $(document).ready(function () {
                $('#mybtn').click(function () {
                    $('#main').append('<button id ="mm" onclick="myfun()">generate code my fun.</button>');
                });
            });
         </head>
        <body>
  <form id="form1" runat="server">
            <button id ="mybtn">generate code</button>
            <div id="main"></div>
</form>
    </body>

Answer 1

试试这个：

$('#mybtn').click(function (e) {
      e.preventDefault();
      $('#main').append('<button id ="mm" onclick="myfun()">
generate code my fun </button>');
      return false;
});

Answer 2

您应该通过将按钮的type设置为button的按钮来停止提交表单中的按钮。

示例：

<button type="button" id="mybtn">generate code</button>

<button>元素的默认类型是submit。这导致您的<FORM>代码提交。

Answer 3

尝试：

$('#mybtn').click(function (event) {
      event.preventDefault();
      $('#main').append('<button id ="mm" onclick="myfun()"> generate code my fun </button>');
});

preventDefault：如果调用此方法，则不会触发事件的默认操作。

用jquery简单追加问题

3 个答案: