为什么使用jquery sortable会阻止contentEditable属性

why does using jquery sortable prevent contentEditable attr

本文关键字：contentEditable 属性 sortable jquery 为什么      更新时间：2023-09-28

使用jquery sortable非常简单。然而，当我试图使内容可编辑时，它不会起作用。禁用可分拣显示我的

$(function() {
    $( ".ce" ).attr("contentEditable",true);
  });

事实上确实有效。为什么会忽略此属性，以及如何防止这种行为？

http://jsbin.com/alExeVO/1/

.disableSelection();超过了内容可编辑性。

可以使用sortable的handle选项，这样您就可以在不初始化dragstart的情况下在元素中进行编辑，除非光标位于handle 中指定的子体上

 $( "#sortable" ).sortable({handle: ".ui-icon"});

DEMO

您必须通过cancel选项使用类.ce来取消该特定span元素上的sorting，以便使其可编辑。请阅读此处以供进一步参考。

$(function() {
    $( "#sortable" ).sortable({cancel: '.ce'});
    $( ".ce" ).attr("contentEditable",true);
  });

工作演示

相关文章：