Summernote + jQuery UI Sortable无法输入文本

时间:2015-06-23 07:26:30

标签: jquery-ui-sortable summernote

当我使用Summernote和jQuery UI Sortable时,我可以对项目进行排序,但不能将文本输入到textareas中。我怎么能完成它?

HTML

<ul class="sortable-list">
      <li>
        <h2>Textarea 1</h2>
        <textarea name="textarea_1" id="textarea_1" class="summernote">
</textarea>
      </li>
      <li>
        <h2>Textarea 2</h2>
        <textarea name="textarea_2" id="textarea_2" class="summernote">
</textarea>
      </li>
      <li>
        <h2>Textarea 3</h2>
        <textarea name="textarea_3" id="textarea_3" class="summernote">
</textarea>
      </li>
</ul>

的JavaScript

$('.summernote').summernote();
$('.sortable-list').sortable({
  axis: 'y'
}).disableSelection();

请参阅jsfiddle:

http://jsfiddle.net/L4pq1fad/

1 个答案:

答案 0 :(得分:0)

我在GitHub问题上得到了答案。

https://github.com/summernote/summernote/issues/1174#issuecomment-115235983

JS应该是:

$('.summernote').summernote();
$('.sortable-list').sortable({
  handle: "h2",
  axis: 'y'
});

sanchezzzhak创建了jsfiddle:http://jsfiddle.net/sanchezzzhak/L4pq1fad/3/