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

Question

我有一个子div，其父div可以拖动，内容可编辑设置为true。我使用jQuery UI使其父div可拖动但子div失去其contenteditable属性。

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

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

Fiddle Link

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）。可拖动（）             .click（function（）{         $（this）.draggable（{disabled：true}）;     }）             .blur（function（）{         $（this）.draggable（{disabled：false}）;     }）;