uidialog多次发送表格

Question

我有一个带有自定义按钮的jquery ui对话框，第一次可以很好地发送数据，但是当我再次单击一个新打开的对话框时，它将发送两次，然后发送三次，依此类推（无需重新加载页面）。 如果我重新加载页面，效果很好，但是为什么呢？ 这是我的函数的外观：

function openPopup() {
     $('#box').dialog({
         autoOpen: true,
         modal   : true,
         title   : 'my title',
         width   : 500,
         open : function (event) {
            var dialog = $(this); 
            $(".buttonclass").live('click', function(event) {
                dialog.dialog('destroy');
                alert('hello'); //This alerts hello once first time, twice second time, etc.
            });
         },
         buttons : [
             {
                 text: 'Cancel',
                 click: function() {
                    $(this).dialog("destroy");
                 }
             }
         ]
     });
    }

我想念什么？ 我一直在环顾四周，发现诸如单击解除绑定，对话框破坏之类的东西，但是这些都没有起作用（如您所见，我正在破坏我的对话框）。

Answer 1

解决方案是在创建click事件之前使用unbind。 这是上面打开的部分的外观：

open : function (event) {
      var dialog = $(this); 
      $(".buttonclass").unbind('click').click(function(event) {
           dialog.dialog('destroy');
           alert('hello'); //This alerts hello once always now.
      });
},

这样，就不会将额外的点击绑定到该按钮，并且表单仅发送一次。