Question

我使用具有相同类和id的jquery创建了多个sortables，但是我没有得到如何在元素中重新排列元素并将其重新排列后的可排序列表中的项的值

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#sortable" ).sortable({
      placeholder: "ui-state-highlight"
    });
    $( "#sortable" ).disableSelection();
  } );
  </script>
  <script>
  function submit(){
       var idsInOrder = $("#sortable").sortable("toArray");

      alert(idsInOrder);
    }
  </script>

<ul id="sortable" class="sortable" style="margin-left: 319px; width: 217px;" onclick="submit()">
  <li class="ui-state-default" id="Item 1" value="Item 1">Item 1</li>
  <li class="ui-state-default" id="Item 2" value="Item 2">Item 2</li>
  <li class="ui-state-default" id="Item 3" value="Item 3">Item 3</li>  
</ul>

<ul id="sortable" class="sortable" style="margin-left: 319px; width:    217px;" onclick="submit()">
  <li class="ui-state-default" id="Item 1" value="Item 1">Item 1</li>
  <li class="ui-state-default" id="Item 2" value="Item 2">Item 2</li>
  <li class="ui-state-default" id="Item 3" value="Item 3">Item 3</li>  
</ul>

任何回应都很明显

Answer 1

 <ul id="sortable" class="sortable">
    <li class="ui-state-default" id="Item1">Item 1</li>
    <li class="ui-state-default" id="Item2">Item 2</li>
    <li class="ui-state-default" id="Item3">Item 3</li>  
 </ul>

完整的解决方案是HERE-fiddle或HERE-jsbin

如何从jquery中的两个不同的可排序值中获取值

1 个答案: