Jquery对话框：多次发送ajax调用

Question

我有一张表格：

    <div id="dialog" style="visibility:hidden" title="Add Name">
     <% form_tag :controller => 'trial', :action => 'create' do %>
      Name: <%= text_field_tag 'name', '', :size => 25 %> <br />
      <%= submit_tag 'Submit', :id => "_button" %>
     <% end %>
    </div>

这是一个对话框。初始化完成如下：

 $(function() {
  $("#dialog").dialog({
    autoOpen: false,
    show: {
    effect: "blind",
    duration: 1000
    },
    width: "420px",
    hide: {
      effect: "blind",
      duration: 1000
    }
  });

现在在表单提交上我有一个ajaxSubmit。

$("#dialog").dialog("open");
  $("#dialog form").submit(function(){
    $(this).ajaxSubmit({
      success: function (dataresult, textStatus, jqXHR, $form) {    
        $("#dialog").dialog('close');
      }
    })
    return false;       
  })

问题是，第一次提交表单时，它会发送一次ajax调用，但是如果我们只关闭对话框而不刷新整个页面，它会发送两次ajax调用，依此类推。我已经尝试为按钮执行点击事件unbind。但是，它仍然不起作用。有什么帮助吗？