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("");
    });


});

它可以在第一次添加项目。但是当我关上它然后打开它的时候。它开始多次调用按钮单击事件。有什么不对劲吗？这是在对话框上执行的单击事件

<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("");
    });


});

$（文档）.ready（函数（）{
$（“#btnSubmit”）.live（'单击'，函数（）{
$（“#namingarray”）.attr（“值”，“-1”）；
$（'.clstr1'）。每个（函数（）{
var notextbox=$（“#namingarray”）.attr（“值”）；
var vc=parseInt（notextbox）+1；
$（“Namingaray”）.attr（“价值”，vc）；
});
var metatext=$.trim（$（“#metatxt”）.val（）；
var namingarray=$（“#namingarray”）.attr（“值”）；
var vc1=parseInt（namingarray）+1；
$（“Namingaray”）.attr（“值”，vc1）；
$（“#Dropdownadditems”）.append（“+metatext+”）；
$（“#元项目”）。追加（“”）；
$（“#metatxt”）.val（“”）；
});
});

---

通常情况下，请尝试使用

preventDefault（）

---

你有这样的例子吗？JSFIDLE或其他东西可以帮助识别问题。你的想法很好。它现在解决了这个问题。下一次我会尝试在JSFIDLE更好的用法上添加一些代码。在（点击），函数（e）{…} MZHARKAUNAIN BAIG，我很高兴我能够帮助。也考虑使用.on（），因为Live是贬值的JQuery版本。检查更多信息。