Sortable Materialize.css芯片

Question

是否有人使用Materialize.css芯片成功实现了jQuery的sortable？我试图重新排列它们，但内部数据在排序后不会响应订单。

https://jqueryui.com/sortable/

http://materializecss.com/chips.html

```

$(".location-chips").sortable({ 
    stop: function(e, ui){ 
     // This is still in the original order 
     console.log($(this).material_chip('data').map(function(o){return o.tag}).join(";")) 
    } 
    }) 

```

Answer 1

这是我想出了一个解决方案：

var source, dest; 
    $(".location-chips").sortable({ 
    connectWith: ".location-chips", 
    start: function(e, ui){ 
     source = dest = e.target; 
     console.log(source.outerText.split("close").filter(function(o){return o}).join(";")) 
    }, 
    change: function(e, ui){ 
     if(ui.sender){ 
     dest = e.target 
     } 
    }, 
    stop: function(e, ui){ 

     var dText = dest.outerText.split("close").filter(function(o){return o}).join(";") 
     $(dest).siblings("input").val(dText).trigger("change") 
     console.log(dText) 

     if(source != dest){ 
     var sText = source.outerText.split("close").filter(function(o){return o}).join(";") 
     $(source).siblings("input").val(sText).trigger("change") 
     console.log(sText) 
     } 

    } 

请注意，我将数据存储在以分号为分号的字符串中。

我不确定这是多么稳定，因为我使用的是芯片功能的无证内部工作。不幸的是，MaterialiseCSS团队击落了将芯片作为内置功能排序的请求。