jQuery简单模态并插入数据库

Question

我正在使用jquery.simplemodal-1.1.1和jquery-1.2.6.min创建模式弹出窗口。 这是我的问题：我可以显示窗口，可以插入值，字段，ecc。 我有2个按钮，保存并关闭。 当我单击保存按钮时，它会触发一个事件，该事件从后面的代码开始执行在数据库中插入一些日期的存储过程。 问题是，当我单击关闭按钮时。 我打开模式窗口，不执行任何操作，然后单击“取消”。 关闭模式窗口。 我再次打开模态窗口，填充字段并单击保存。 该程序执行两次保存按钮事件，然后在数据库中插入两次相同的信息。 这是我正在使用的javascript代码：

$(document).ready( function()
{
  $("#nuovoT").click(function(ev) {
     ev.preventDefault();
     $("#TextBoxPrenot").val("");
     $("#msg").text("");
     //Open the popup container
      $("#addTrasport").modal({
 onOpen: modalOpenAddCustomer,
 onClose: modalOnClose,
 persist: true,
 containerCss: ({ width: "500px", height: "275px", marginLeft: "-250px" })
      });
  });
});

function modalOpenAddCustomer(dialog) {
  dialog.overlay.fadeIn('fast', function() {
    dialog.container.fadeIn('fast', function() {
      dialog.data.hide().slideDown('slow');
    });
  });
  dialog.data.find(".modalheader span").html("TITULO");
 // if the user clicks "yes"
  dialog.data.find("#ButtonConferma").click(function(ev) {
 /*Valida se si compila almeno uno dei due campi*/
  $("#msg").val("");
 if ( ($("#TextBoxTrasp").val() == '') ){
   $("#msg").append("* Devi immetere il nome del trasportatore <br/>"); 
 ev.preventDefault;
 return false;
  }
  else{
  }
  $.modal.close();
  $("#ButtonHiddenAddCustomer").click();
  });
  dialog.data.find("#ButtonCancel").click(function(ev) {
     ev.preventDefault();
     $.modal.close();
     return false;
  });
}

我做错了什么？？？

提前谢谢！！！

Answer 1

问题在于，每次打开模式时，您的modalOpenAddCustomer例程都会将click事件添加到按钮上。 因此，第二次在同一按钮上有2次单击事件。

要么：初始化modalOpen ...例程外部的click事件，即在（document）.ready函数中。

或者：使用“ one ”代替点击：

dialog.data.find("#ButtonConferma").one('click', function(ev) {