带有 TinyMCE 的 jQuery UI 对话框阻止在 Firefox 中单击第一个按钮

Question

我有一个 jQuery UI 对话框表单，它有一个 TinyMCE 编辑器。它适用于 Google Chrome 和 Internet Explorer 8+。

但在 Firefox 中，当我在 TinyMCE 编辑器中编辑/更改内容并单击提交按钮时，页面第一次聚焦在 TinyMCE 编辑器上。第二次提交。

我正在使用 jQuery 验证插件进行表单验证 (http://jqueryvalidation.org/)。我的代码如下（这在 IE 8+ 和 Google Chrome 中完美运行）：

//form submit function and the form validation 
jQuery('#frm').submit(function() {
        // update underlying textarea before submit validation
        tinyMCE.triggerSave(true,true);
    }).validate({
        errorClass: 'error',
        rules: {
            //validation rules
            'users':'required'
        },
        submitHandler: function(form) {
            //submit confirmatiom    
            if (confirm('Are you sure you want to submit the form?' ){
                $('#frm').ajaxSubmit({
                    beforeSubmit:   beforeFormSubmit, // pre-submit callback
                    success:        afterSubmit  // post submit callback
                });
                return false;
            }
        }
}); 

//pre-submit callback 
function beforeFormSubmit(){
  $('#btn_submit').val("Saving...");
  $.blockUI(); //block ui plugin
} 

//post submit callback 
function afterSubmit(response, status)  {
  if(status == 'success') {
        $('#message_box').html("Success.")
  }else{
        $('#message_box').html("Error : "+response)
  }
  $.unblockUI();  
}

谁能告诉我我在这里做错了什么？

Answer 1

终于找到解决办法了！

这是由于 modal : 'true' 在创建 dialog() 实例时。我将其更改为 modal : 'false' 并解决了问题。