jquery - jquery点击事件被多次调用

Question

我有一个带有添加项目按钮的 jquery 对话框和一个文本框，将文本框中的任何内容添加到对话框中的表格中。

它第一次添加项目很好。但是当我关闭它然后打开它时。它开始多次调用按钮单击事件。有什么问题？这是在对话框上执行的单击事件。

<script language="javascript" type="text/javascript">

$(document).ready(function () {


    $("#btnSubmit").live('click', function () {
        $("#namingarray").attr("value", "-1");
        $('.clstr1').each(function () {
            var notextbox = $("#namingarray").attr("value");
            var vc = parseInt(notextbox) + 1;
            $("#namingarray").attr("value", vc);
        });

        var metatext = $.trim($("#metatxt").val());
        var namingarray = $("#namingarray").attr("value");
        var vc1 = parseInt(namingarray) + 1;
        $("#namingarray").attr("value", vc1);

        $("#Dropdownadditems").append("<tr class=\"clstr1\" id=\"row-" + vc1 + "\"  ><td>" + metatext + "</td><td><a class='linkbuttons' href='#' id=" + vc1 + ">Delete</a></td></tr>");
        $("#metaItems").append("<input type=\"hidden\" value=\"" + metatext + "\" name=\"Dropdownadd\"  id=\"MetaValue-" + vc1 + "\" />");
        $("#metatxt").val("");
    });


});

Answer 1

通常会发生，尝试使用preventDefault().

 $("#btnSubmit").live('click', function (event) {
  ...
  ...
 event.preventDefault(); 
});