jquery - TinyMCE/CKeditor 初始化时卡住容器 div 的滚动

Question

我在包含 jQuery UI 选项卡面板的 colorbox 模式窗口中使用 TinyMCE 初始化通过 AJAX 回调加载的文本区域。正在加载文本区域的面板是可滚动的(overflow-y:auto)。然而，当我在这些新的文本区域上初始化 TinyMCE 时，它似乎向下滚动到列表中较低的文本区域之一，并正确初始化它们，但您无法再在 Chrome 中滚动容器面板的 div。您仍然可以在 Firefox 和 IE 中滚动面板的 div，但不能在 Chrome 中滚动。

我的 AJAX 调用:

function getStuff(id){
        $.ajax({
            type: 'POST',
            url: '/ajax/get_stuff',
            data: {id: id},
            beforeSend:function(){  
                $('#panel').html('Loading...');                                 
            },
            success:function(resp){             
                $('#panel').html(resp); 
                ckInit();
            },
            error:function(){}
        }); 
    }

和初始化函数:

function ckInit(){
    var config = {              
             extraPlugins : 'autogrow',
             autoGrow_onStartup : true ,
             removePlugins : 'resize'               
        };
    $("textarea.ck").each(function() {              
        if (typeof(CKEDITOR.instances[this.id]) == 'undefined') {           
            CKEDITOR.replace(this.id, config);
        } else {
            CKEDITOR.instances[this.id].destroy(true);
            CKEDITOR.replace(this.id, config);
        }           
    });
}

如果任何其他信息有帮助，请告诉我。并且，提前致谢!

更新我有一种感觉 Colorbox 与它有关，所以我尝试在主窗口中加载实例，以获得相同的结果。容器 div 向下滚动任意量，并且滚动条卡住。尝试上下移动它不会滚动。

我尝试用 CKeditor 替换 TinyMCE，奇怪的是，同样的问题。这让我觉得我初始化它们是错误的，或者是什么......

有什么想法吗？

更新 4/28看来，如果我单独初始化文本区域，滚动条不会卡住。但是，当我根据类选择器初始化文本区域时(如上面的示例所示)，它确实如此。

另一个奇怪的行为:如果我来回单击以选择一个编辑器，然后选择另一个编辑器，并且如果我这样做几次，它就会解锁滚动条。不知何故，多次切换当前编辑器的行为可以释放它。

Answer 1

我也遇到了同样的问题，请问你们找到解决方案了吗？

编辑:看来这肯定是 URL 中的哈希导致了问题。我对以下解决方案不满意，但它确实有效......

$('body').on('click', 'a', function(e){
  if( $(this).attr('href') === '#' ) e.preventDefault(); 
});

希望对某人有所帮助，但如果有人找到更好的解决方案，请告诉我。

我发现以下文章可能有帮助:

http://cksource.com/forums/viewtopic.php?t=25351

https://github.com/cleditor/cleditor/issues/10