RubaXa/Sortable取消項目使用聚合物下降

Question

我使用Rubaxas sortable.js這是驚人的。

現在我嘗試取消放置，它將無法正常工作。

的文檔說：

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 
} 

所以我在this例如tryed此類似：

代碼：

<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（）函數：

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

那麼我在這裏做錯了什麼？

@RubaXa

幫助將不勝感激。

Answer 1

我解決我的問題是這樣的：

而不是使用filter我以前draggable。

代碼：

<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功能保持不變。