2015-01-07 66 views
-1

我使用這個後:迭代用。每次jQuery用戶界面可排序

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

     // do stuff 

    }); 
}); 

要遍歷List。現在我已經使用jQuery UI對列表進行排序,代碼不會拾取NEW訂單。相反,它看到原來的順序沒有失敗。

我哪裏錯了?

+1

取決於你在哪裏運行該代碼。需要提供更多的上下文和你的目標是什麼 – charlietfl

+0

^^^^^和什麼時候。 –

+0

我不知道,我想這很清楚。我有一個無序列表,我可以通過jQuery UI進行拖放操作。此代碼原樣適用於列表,但一旦用戶使用可排序的功能對其進行更改,則不會獲得新訂單。 –

回答

0

這裏是一個小提琴展示這種工作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> 
相關問題