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

Question

大家好，我正在使用这个 http://www.jquery-steps.com/Examples 作为我的向导表单插件。

我注意到它与 Ckeditor 插件有冲突，错误为 Uncaught TypeError: Cannot read property 'unselectable' of null。

我刚刚在这篇帖子Ckeditor with jQuery form wizard 上尝试了解决方案，但它并没有解决问题。

什么是最好的解决方案？

Answer 1

我猜你把CKeditor 直接放到了向导的HTML 代码中。在这种情况下，真正重要的是要理解 jQuery Steps 操作 DOM 对象。这对于一般的 javascript 代码来说真的很糟糕。

要在 jQuery Steps 中运行 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>

干杯， 拉斐尔