jquery - CodeMirror 仅在第二次单击后提交

Question

当我在我的 ajax 表单上单击发送时，除了 CodeMirror 之外，所有字段都通过 POST 提交。只有在第二次点击后，所有未来的表格都被正确提交。

我究竟做错了什么？

谢谢！

$(document).ready(function() {
    var options = { 
        target:     '#code',
        beforeSubmit:  function() {
            $('input#submit').attr('value','loading...');
        },
        success:    function() { 
            $('input#submit').attr('value','Submit');
        } 
    };  
    $('#form').submit(function() { 
        $(this).ajaxSubmit(options);
        return false; 
    });


    var editor = CodeMirror.fromTextArea(document.getElementById('codeenter'), {
        height: "150px",
        parserfile: "parsecss.js",
        stylesheet: "csscolors.css",
        path: "js/"
    });
});    

Answer 1

var editor = CodeMirror.fromTextArea(document.getElementById('codeenter'), {
    height: "150px",
    parserfile: "parsecss.js",
    stylesheet: "csscolors.css",
    path: "js/"
});

尝试添加一个onBlur 事件：

var editor = CodeMirror.fromTextArea(document.getElementById('codeenter'), {
    height: "150px",
    parserfile: "parsecss.js",
    stylesheet: "csscolors.css",
    path: "js/"
    onBlur: function () { 
         editor.save();             
    }
});

如果编辑器失去焦点，它会将编辑器的内容保存回文本区域。解决了我的问题。