4

jQuery でのドラッグ アンド ドロップの使用に問題があります。これは、私が何を意味するかを示す非常に単純なフィドルです(http://jsfiddle.net/Znt44/1/):

$('#drop').droppable({
    drop: function (e, ui) {
        ui.draggable.remove();
    }
});
$('#drag').draggable({
    cursor: 'move'
});

ご覧のとおり、ドラッグ時にカーソルを十字線に設定しましたが、これは機能します。

緑のボックスを赤のボックスにドロップしても、カーソルはリセットされません。カーソルが赤いボックスにも付いているようで、リセットされていません。

緑色のボックスを別の場所にドロップすると、カーソルは完全にリセットされます。

カーソルをリセットする適切な方法は何ですか?

または、削除に問題がありますか?

4

3 に答える 3

3

私の場合、ドラッグ中style="cursor:move"に親要素が強制されることに気付きました。だから私はドロップメソッドの最後に強制しstyle="cursor:auto"ました(私の親要素はでした<body>):

$('body').css('cursor', 'auto');
于 2014-01-14T16:19:27.827 に答える
0

ドロップ可能に追加cursor: autoしてみてください:

$('#drop').droppable({
cursor: 'auto',
drop: function (e, ui) {
    ui.draggable.remove();
 }
});
$('#drag').draggable({
    cursor: 'move'
});

あなたのフィドルを編集しました。

于 2013-05-09T11:17:22.763 に答える