jquery click事件被多次调用

时间:2013-07-03 09:52:22

标签: jquery

我有一个带有添加项按钮的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("");
    });


});

1 个答案:

答案 0 :(得分:2)

通常情况下,请尝试使用preventDefault()

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