RubaXa/Sortierbare Artikel abbrechen mit Polymer

Question

Ich benutze Rubaxas sortable.js, was erstaunlich ist.

Jetzt versuche ich einen Tropfen abzubrechen und es wird nicht funktionieren.

Die docs sagt:

onMove: function (/**Event*/evt) { 
    // Example: http://jsbin.com/tuyafe/1/edit?js,output 
    evt.dragged; // dragged HTMLElement 
    evt.draggedRect; // TextRectangle {left, top, right и bottom} 
    evt.related; // HTMLElement on which have guided 
    evt.relatedRect; // TextRectangle 
    // return false; — for cancel 
} 

So tryed ich diese wie in this Beispiel:

Code:

<sortable-js id="sortable" animation="1000" filter=".noDrag" on-move="_elementMoving" on-end="_elementMoved" force-fallback="true", fallback-class="fallback"> 
    <template is="dom-repeat" items="{{items.images}}"> 
    <admin-image index$="{{index}}" type="{{type}}" image-set="{{_hasImage(item)}}" class$="admin_image {{_isDraggable(item, items, item.cover)}}" item="{{item}}"></admin-image> 
    </template> 
</sortable-js> 

_elementMoving() Funktion:

_elementMoving : function(e){ 
    return e.related.className.indexOf('noDrag') === -1; 
    } 
}, 

Was mache ich hier falsch?

@RubaXa

Hilfe würde sehr geschätzt werden.

Answer 1

ich mein Problem wie folgt gelöst:

Statt filter der Verwendung verwendete ich draggable.

Code:

<sortable-js id="sortable" animation="1000" draggable=".drag" on-move="_elementMoving" on-end="_elementMoved" force-fallback="true", fallback-class="fallback"> 
    <template is="dom-repeat" items="{{items.images}}"> 
    <admin-image index$="{{index}}" type="{{type}}" image-set="{{_hasImage(item)}}" class$="admin_image {{_isDraggable(item, items, item.cover)}}" item="{{item}}"></admin-image> 
    </template> 
</sortable-js> 

_elementMoving Funktion gleich bleibt.