Jquery步骤插件与CKeditor RTE插件冲突

Question

嗨伙计们,我正在使用这个http://www.jquery-steps.com/Examples作为我的向导形式插件.

我注意到它与Ckeditor插件有冲突,出现Uncaught TypeError错误:无法读取属性'unselectable'为null.

我刚用jQuery表单向导尝试了这个帖子Ckeditor的解决方案,但它没有解决问题.

什么是最好的解决方案？

Answer 1

我猜你把CKeditor放到了向导的HTML代码中.在这种情况下,理解的是jQuery Steps操纵DOM对象.对于一般的javascript代码来说,这真的很糟糕.

要在jQuery步骤中运行javascript控件,您必须确保:

1. 你的向导HTML里面没有javascript代码
2. 首先执行jQuery Steps代码,然后执行属于向导HTML内部HTML的javascript代码

好例子:

<script>
    $(function ()
    {
        // first jQuery Steps
        $("#wizard").steps();
        // then components inside jQuery Steps
        $("#editor").ckeditor();
    });
</script>
<div id="wizard">
    <h1>Title</h1>
    <div>
        <div id="editor"></div>
    </div>
</div>

不好的例子:

<script>
    $(function ()
    {
        $("#wizard").steps();
    });
</script>
<div id="wizard">
    <h1>Title</h1>
    <div>
        <script>
            $(function ()
            {
                $("#editor").ckeditor();
            });
        </script>
        <div id="editor"></div>
    </div>
</div>

干杯,拉斐尔