Question

我正在使用它：

$('#save-button').click(function(event) {     
     $('#element-destination li').not('.option').each(function(index) { 

       // do stuff

     });
});

迭代列表。现在我已经使用jQuery UI对列表进行了排序，代码不会获取新订单。相反，它会看到原始订单。

我哪里错了？

Answer 1

这是一个演示此工作的小提琴http://jsfiddle.net/tgz0utr1/

<div id="element-destination">
    <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ol>
</div>
<input type="submit" value="Submit" id="save-button"/>
<div id="print-order">
</div>

<script>
    $(function() {
      $('#save-button').click(function(event) {  
         $('#print-order').html("");
         $('li').each(function(index) { 

           $('#print-order').append($(this).html()+"<br/>");

         });
      });

      $('ol').sortable();
      $('ol').disableSelection();
    });
</script>

在jQuery UI Sortable之后使用.each进行迭代

1 个答案: