1

子divがあり、その親divはドラッグ可能で、content-editableがtrueに設定されています。jQuery UIを使用して、親divをドラッグ可能にしましたが、子divはcontenteditable属性を失います。

私の質問は、なぜその子divがこの種の動作を示しているのかということです。

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

フィドルリンク

4

2 に答える 2

3

編集とドラッグが同時に発生するかどうかはわかりません。とにかく、編集可能な領域をクリックすると、ドラッグをキャンセルできます。

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

ドラッグ可能な領域を拡大するには、次のように編集可能な領域を縮小する必要があります。

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

jsFiddleで動作するデモ。

于 2013-01-19T11:53:43.043 に答える
0

これが最善の解決策です：$（. draggable）.draggable（）.click（function（）{$（this）.draggable（{disabled：true}）;}）.blur（function（）{$（this）.draggable（ {無効：false}）;}）;

于 2013-07-17T16:55:33.677 に答える