從jquery UI排序重置排序

Question

我正在使用jquery UI排序。每次我從resultPos獲得值時，它都會給我最後一招，但要記住最後一個訂單。我需要重置它。

例如，我有3個要素：

Move 3rd element to 2nd position: end=1&end=3&end=2 
Again ... 
Move 3rd element to 2nd position: end=1&end=2&end=3 
Again ... 
Move 3rd element to 2nd position: end=1&end=3&end=2 

我需要有一個回我下面的內容：

Move 3rd element to 2nd position: end=1&end=3&end=2 
Again ... 
Move 3rd element to 2nd position: end=1&end=3&end=2 
Again ... 
Move 3rd element to 2nd position: end=1&end=3&end=2 

這是我的代碼：

$(".sortableChip").sortable({ 
     revert: true, 
     containment: "#carousel", 
     axis: "x", 
     items: 'li.edited', 
     tolerance: 'pointer', 
     placeholder: 'draggin-space', 
     start: function(event, ui) { 
      var startPos = $('.sortableChip').sortable('serialize',{ key: 'start'}); 
     }, 
     sort: function(event, ui) { 
      ui.item.addClass('draggin'); 
      $('.remove-chart').hide(); 
     }, 
     update: function(event, ui) { 
      var resultPos = $('.sortableChip').sortable('serialize',{ key: 'end'}); 
      ui.item.removeClass('draggin'); 
     } 
    }); 

Answer 1

jQuery UI中的每個項目都是一個LI，有幾種方法可以做到這一點，一種方法是保存一個變量rtable列表內容，當頁面初始加載時，就像文檔就緒部分一樣。它所做的是重新排列ul標籤內部的li標籤的順序。

<script type="text/javascript"> 

    $(document).ready(function(){ 


     $('#link').click(function(){ 

      //this will empty out the contents of the ul 
      $('.sortableChip').html(''); 
      /*this will replace the contents of the ul with 
      contents that were caputred 
      */ 
      $('.sortableChip').html(reset); 

     }); 

    }); 

    var reset = $('.sortableChip').html(); 
    /*this is here at the bottom because you want to everything that is created  
    dynamically with jquery or javascript to be captured also. 
    */ 
</script> 

所有你基本上做的是恢復正確的設置，一旦鏈接被點擊和多數民衆贊成它，你其實並不需要這一行`$（「sortableChip。‘）HTML（’」）。 但我把它放在這裏，所以你知道它正在清空和替換

如果他們需要根據你點擊你排序你會保存你希望作爲像變量復位和簡單地清除內容和負載基於用戶點擊的變量