0

div をドラッグしてドロップ可能な領域に動的にドロップするドラッグ アンド ドロップ機能があります。ドロップ可能な領域にソート可能な機能があるため、ソート後に特定のdivの正確なインデックス位置を見つける必要があるように、インデックスを見つけたいと考えています。ここに私のコードがあります

$('#workArea').sortable({cancel: ':input,button,.common'});
$(".drags").draggable({
  helper : "clone",
  connectWith: '.workArea'
});
$(".workArea").droppable({
  drop: function( event, ui ) {
    function createHead(workspace){
      var head = document.createElement("div");
    }
  // [editor] i think i am missing a } here or pasted something wrong
});
4

2 に答える 2

0

新しいインデックスを返すのに最適な場所は、ソート機能を使用することだと私には思えます。

グローバル配列のインデックスを更新することも役立つ場合があります。次に、並べ替え関数を呼び出した後、配列内の特定の div 要素を検索します。

JS では、いつでも this.target を使用できます。ドロップする要素は
$(this.target).index() を使用し、 $("#parentContainer div:eq(" + newIndex + ")") で検索します

お役に立てれば。

于 2013-01-16T09:30:53.517 に答える
0

jQueryは.index()メソッドを提供し、

戻り値は、兄弟要素に対する jQuery オブジェクト内の最初の要素の位置を示す整数です。

.index()についてもっと読む

于 2013-01-16T09:17:33.990 に答える