为什么父母可以拖延的div失去了它的满足属性？

我有一个子div，其父div是可拖动的，content-editable设置为true。 我使用jQuery UI使其父div可拖动但子div失去其contenteditable属性。

我的问题是为什么那个孩子div表现出这种行为？

$(".draggable").draggable(); 

小提琴链接

Answer 1

我不确定编辑和拖动是否可以一起发生。 无论如何，您可以在单击可编辑区域时取消拖动：

 $(".editable").on("mousedown", function (e) { e.stopPropagation(); return; }); 

要放大可拖动区域，您需要缩小可编辑区域，如下所示：

 .editable { max-width:190px; height:20px; border: 1px solid #f00; padding:1px; display: inline-block; } 

jsFiddle的工作演示。

Answer 2

这是最好的解决方案：$（ . draggable ）.draggable（）。click（function（）{$（this）.draggable（{disabled：true}）;}）。blur（function（）{$（this）。 draggable（{disabled：false}）;}）;