Jquery SimpleModal 在保存时关闭

Question

我有一个日历，您可以在其中单击一天以通过简单的模式弹出表单添加事件。我正在使用 Eric Martin 的 jquery 插件，我似乎无法在不停止 ajax 响应的情况下关闭表单。

这是我的代码：

function simple_dialog_link(request, title) {
  $.get(request, function(data) { 
    $.modal("<div class='modal'><div class='bar' >"+title+"</div><div class='inside'>"+data+"</div></div>");

    $(".modal").draggable({ handle: ".bar" }); 

    $("input.save").live("click", function(){
           $.modal.close();
    }); 
  });
};

这会完美地加载表单并关闭窗口，然后重定向到我的控制器下的 html 路径：

def update
  @log_entry = LogEntry.find(params[:id])
  @athlete = User.find_by_id(@log_entry.athlete_id)
  @log_entry.update_attributes(params[:log_entry])
  @date = @log_entry.date.to_s
  @cal_class = LogEntry.get_class_name(@date)
  @entries = LogEntry.cal_entry(@date, @athlete.id)
  respond_to do |format|
    format.html { redirect_to coaches_path }
    format.js
  end
end

到目前为止，我尝试的是在模态关闭功能下添加return: false，这会关闭模态窗口但无法更新日历或数据库，从而在表单提交给控制器之前将其剪切。我需要一些功能来关闭窗口而不会中断我的 ajax 功能。奇怪的是，当我删除 $.modal.close(); 函数时，表单提交正常并更新日历，只是让模式窗口保持打开状态。我需要这个功能，但要关闭窗口。

Answer 1

好的，我想通了，这表明我对这一切了解多少！我所要做的就是将 close 函数放入 ajax:complete 回调中。

$(".edit_log_entry").bind('ajax:complete', function() {$.modal.close();});