TinyMCE 在表单提交时显示等待状态

最新推荐文章于 2023-12-13 15:46:24 发布

weixin_34292402

最新推荐文章于 2023-12-13 15:46:24 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/samsonhuang/articles/2487747.html

本文介绍了一种解决在论坛发帖时编辑器出现堵塞现象的方法，通过使用ajaxStart和ajaxComplete两个方法实现进度状态显示与隐藏，确保了用户体验的流畅性。

发帖时，输入一大篇文章，点击发布的时候，编辑器变成堵塞状态，有个小轮转啊转
请看 ajaxStart 和 ajaxComplete 两个方法

$(document).ready(function() {
    $('#f_title').focus();
    $('#form_thread').ajaxForm({
        dataType: 'json',
        success: function(json) {
            if(json.msg){
                $('#error_msg').hide();
                $('#error_msg').html(json.msg);
                $('#error_msg').show("fast");
            }
            else if(json.id){
                location.href = "$link.root("bbs/thread/")" + json.id;
            }
        }
    });
    $('#form_thread').bind('form-pre-serialize', function(event,form,options,veto){
        tinyMCE.triggerSave();
    });
    
    $("#form_thread").ajaxStart(function(){
       if(tinyMCE && tinyMCE.get('f_content'))
       tinyMCE.get('f_content').setProgressState(1); // Show progress
    });
    $("#form_thread").ajaxComplete(function(event,request, settings){
       if(tinyMCE && tinyMCE.get('f_content'))
       tinyMCE.get('f_content').setProgressState(0); // Show progress
    }); 
});