可排序的Materialise.css芯片

Question

有没有人用Materialise.css芯片成功实现了jQuery的 private USLinkedList<USLinkedList<User> dates[] months[]> years; ？我正在尝试对它们进行重新排序，但内部数据在排序后不响应订单。

https://jqueryui.com/sortable/

http://materializecss.com/chips.html

```

sortable

```

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团队已经扼杀了将芯片排序为内置功能的请求。