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