私は検索をいくつか行いましたが、これに対する答えを見つけることができませんでした。また、コードを無駄に使いこなしました。私は標準のjQuery UI draggableとdroppableセットアップが動作します。jQuery Droppable Elementsを最後に削除することで注文します。
ただし、アイテム(この場合は靴)をドロップ可能なターゲットエリアにドラッグすると、追加されたように見えるので、古いアイテムは前面に残り、新しいアイテムが最後に追加されて表示されなくなります。
ソート可能なアイテムを追加するのではなく、自分のターゲットの前に置く方法がありますか?
編集**
var proto = $.ui.droppable.prototype;
proto._create = function() {
console.log('Calling the create method');
var o = this.options, accept = o.accept;
this.isover = 0; this.isout = 1;
this.accept = $.isFunction(accept) ? accept : function(d) {
return d.is(accept);
};
//Store the droppable's proportions
this.proportions = { width: this.element[0].offsetWidth, height: this.element[0].offsetHeight };
// Add the reference and positions to the manager
$.ui.ddmanager.droppables[o.scope] = $.ui.ddmanager.droppables[o.scope] || [];
$.ui.ddmanager.droppables[o.scope].unshift(this);
(o.addClasses && this.element.addClass("ui-droppable"));
};
ドラッグアンドドロップ可能で、あなたは 'drop'でどのような行動が取られるのかを制御します。あなたはソート可能だと言います - それはあなたが使っているウィジェットですか?任意のコードを投稿する可能性がありますか? –
こんにちはAndy、私は恐れて投稿するコードは実際にはありません。私は基本的に、jQuery UIの要素を追加するのではなく、追加可能な要素の前に追加する方法を尋ねています。 AlienWebGuyはすばらしい答えを投稿しました。jQuery UIで_createメソッドをオーバーライドする方法を知る必要があります。 –