1

2つのdivがあり、そのうちの1つはサイズ変更可能です。要素を前後にドラッグできる必要があります。どちらか一方からもう一方へ、両方の方法で。

$(".item").draggable({
helper: 'clone'
});

$( ".container" ).droppable({   
drop: function( event, ui ) {
    if($(ui.draggable).parent() !==$(this)){
        $(ui.draggable).appendTo($( this ));
    }
}});

ドラッグアンドドロップは、サイズ変更不可能な要素からサイズ変更可能要素に移動するときに完全に機能します。ただし、サイズ変更可能な要素からドラッグしようとすると、ドラッグされた要素はサイズ変更可能なコンテナ内に表示されなくなります。ドラッグアンドドロップは機能しますが、マウスがサイズ変更可能なコンテナから移動すると、ドラッグされたアイテムは表示されません。

ドラッグアウトを持ち上げる際の提案はありますか?ドラッグ全体でマウスに取り付けられているのがわかりますか?

4

1 に答える 1

1

これでコードの動作を確認せずに問題が解決するかどうかはわかりませんが、appendToオプションを指定して、ヘルパーの親が<body>元の要素の親ではなく要素になるようにしてください。

$(".item").draggable({
    appendTo: "body",
    helper: "clone"
});
于 2013-02-18T18:52:42.897 に答える