Question

我正在尝试使用jquery UI sortable重新排序我的列表项。我有一个Div（一个容器div持有

几个div有一个＆＃34; section＆＃34;）和一个右边的列表（列表上的＆＃34; li＆＃34;具有相同的名称

我的容器内的部分Div）

容器可以有多个Div与类Section 喜欢

<div class="container">
    <div class="section" id="section1" />
    <div class="section" id="section2" />
    <div class="section" id="section3" />
</div>

这些Div（部分）中的每一个都可以有多个块像

<div class="section" id="section1">

    <div class="dynamic" id="block-1" />
    <div class="dynamic" id="block-2" />
    <div class="dynamic" id="block-3" />

</div>

在每个区块内我都有CKEDITOR文本区域（即：DIV区域内可以有多个textarea＆＃39; s）并且这些块是可排序的，之前我遇到过CKEDITOR的问题，即：当我对块进行排序时，CKEDITOR无法使用并丢失其中的内容，一些我如何修复它并且它现在正常工作。

但新问题是在我这个div的右侧，我有一个UL，li的章节名称为文本因此，在单击每个li时，我将一次显示每个部分（像标签一样工作）

这些邮件是可排序的，在对这些邮件进行排序时，我的容器内的部分也会相应地进行排序。

即：说我有3个部分

<div class="container">
    <div class="section" id="section1" />
    <div class="section" id="section2" />
    <div class="section" id="section3" />
</div>

和li喜欢这个

<ul class="sortableul">
    <li class="sectionlist">My Section 1</li>
    <li class="sectionlist">My Section 2</li>
    <li class="sectionlist">My Section 3</li>
</ul>

每个li表示部分如果我对“我的第3部分”进行排序并将其移至顶部，则会像这样

    <li class="sectionlist">My Section 3</li>
    <li class="sectionlist">My Section 1</li>
    <li class="sectionlist">My Section 2</li>

因此div也会像

一样重新排序

<div class="container">
    <div class="section" id="section3" />
    <div class="section" id="section1" />
    <div class="section" id="section2" />

</div>

在div（section3）中使用ckeditor的文本区域是不可编辑的，没有显示任何内容，但其余部分中带有ckeditor的文本区域正常工作

简而言之，Div内部的拖动的文字区域正在变得无法使用，并且没有显示任何内容。

不知道发生了什么......

Answer 1

经典类型的编辑器（基于map的编辑器）在从DOM移动或分离时将始终丢失。您将在此处找到有关其发生原因以及如何在一般情况下处理此问题的更多详细信息 - CKEditor loses content when removed from DOM and added again。

正如我在其他答案中解释的那样，您将有两个选项 - 要么在用户移动后需要重新初始化编辑器，要么您可以使用divarea插件。

CKEDITOR在使用Jquery UI排序

1 个答案: