1

ドラッグ可能なものをドロップ可能なものに移動したいと思います。問題は、ドラッグ可能オブジェクトがドロップされた後、適切に「配置」する必要があることです。最初のステップとして、ドラッグ可能なオブジェクトの左の位置は常に 20px であることを伝えたかったのです。

私はドロップイベントを持っています:

...( {
   drop: function (event, ui) {
       alert(ui.position.left);
       ...

これは、ドラッグ可能なものの左の位置を示しています。しかし、私はそれを変更することはできません

ui.position.left = 20;

ここで、位置はオフセットで計算され、それらは読み取り専用変数であることを読みました。左の位置を設定するにはどうすればよいですか? または、もっと簡単な方法はありますか？チュートリアルはありますか？

4

2 に答える 2

0

ドラッグしたアイテムを次のようにドロップ可能なコンテナに追加できます。

$('#dropContanier').droppable({
    drop: function(event, ui) {
        $(this).append(ui.draggable); 
    }
});

その場合、要素はCSSスタイルに従って配置されます

于 2013-02-27T13:18:23.217 に答える
0

はい、これらは読み取り専用の変数です。オフセットと位置は、要素の属性ではなく、ユーザー インターフェイスの値です。ui.draggable の css "top" と "left" を使用する必要があります。

于 2014-06-01T22:16:15.843 に答える