javascript - $(this).parent()。remove()导致页面刷新

我有一个页面，单击按钮即可插入表格。可以添加无数形式。每个表格还具有一个按钮，可以单击该按钮将其删除。

    var form = " Name:<input id=\"room\" type=\"text\" /><br />\
                 Age:<input id=\"floor\" type=\"text\" /><br />\
                 <button class=\"removeParentForm\">Delete Form</button>";

    var formid = 0;

   $("#addForm").click(function () {
        formid = 1 + formid;
        $('#forms').append("<form id= \"formID" + formid + "\" class=\"pr\"><br /></form>");
        $('#formID'+formid).append(form);
        handleForm();
    });

    function handleForm(){
        $('.removeParentForm').click( function() {
            $(this).parent().remove();
        });
    }

上面的代码导致表单被删除，但随后触发页面刷新并附加“？”到URL的末尾。

知道为什么会这样吗？预先感谢您的帮助！

最佳答案

您需要从点击处理程序中输入return false，以防止提交表单。

关于javascript - $(this).parent()。remove()导致页面刷新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8173947/