jQuery Droppable Elementsを最後に削除することで注文します。

Question

私は検索をいくつか行いましたが、これに対する答えを見つけることができませんでした。また、コードを無駄に使いこなしました。私は標準のjQuery UI draggableとdroppableセットアップが動作します。

ただし、アイテム（この場合は靴）をドロップ可能なターゲットエリアにドラッグすると、追加されたように見えるので、古いアイテムは前面に残り、新しいアイテムが最後に追加されて表示されなくなります。

ソート可能なアイテムを追加するのではなく、自分のターゲットの前に置く方法がありますか？

編集**

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")); 
}; 

Answer 1

はい、それはかなり複雑だけれども。 _create関数を変更するJQueryUI ui.droppableオブジェクトを拡張する必要があります。現在、それはそうのように、配列の末尾に新しいアイテムを追加するためにプッシュを使用しています。

$.ui.ddmanager.droppables[o.scope].push(this);

あなたがアンシフトを使用することをお勧めします：

$.ui.ddmanager.droppables[o.scope].unshift(this);

jQueryのドロップ可能なソースを： https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.droppable.js

JavaScript unshift()ドキュメント：http://www.w3schools.com/jsref/jsref_unshift.asp

JQueryUIウィジェットを拡張するためのチュートリアル：http://bililite.com/blog/extending-jquery-ui-widgets/