jquery-steps - Jquery 步骤插件与 CKeditor RTE 插件冲突

Question

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

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

我刚刚使用 jQuery 表单向导尝试了这篇 Ckeditor上的解决方案，但它不能解决问题。

什么是最好的解决方案？

Answer 1

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

要在 jQuery Steps 中运行 javascript 控件，您必须确保：

1. 没有 javascript 代码进入您的向导 HTML
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>

干杯，拉斐尔