第二次點擊功能正在jquery中排序工作

Question

我已經完成了列表標籤按字母順序排序在javascript/jquery中，當我第二次點擊時，它工作。我的意思是第一次點擊它的工作幾秒鐘（不到一秒），並返回到未排序但第二次點擊後它正常工作。

我的排序功能是

function status() { 
    var mylist = $('ul'); 
    var listitems = mylist.children('li').get(); 
    listitems.sort(function (a, b) { 
     var compA = $(a).find('.Status-For-Sorting').text().toUpperCase(); 
     var compB = $(b).find('.Status-For-Sorting').text().toUpperCase(); 
     return (compA < compB) ? -1 : (compA > compB) ? 1 : 0; 
    }); 
    $.each(listitems, function (idx, itm) { 
     mylist.append(itm); 
    }); 
} 

而且我定義功能deviceready像

document.addEventListener("deviceready", init, false); 

function init() { 
    $().ready(function() { 
     $("#sort-button-status").click(status); 
    } 
} 

***** HTML ****

<a value="sort" id="sort-button-status" class="sort-button-status">status</a> 

告訴我大家在哪裏我錯了這個c頌根據狀態排序正確，但經過第二次點擊..

Answer 1

嘗試使用.appendTo()應用排序列表mylist：

function status() 
{ 
    var mylist = $('ul'); 
    var listitems = mylist.children('li').get(); 
    listitems.sort(function(a, b) { 
     var compA = $(a).find('.Status-For-Sorting').text().toUpperCase(); 
     var compB = $(b).find('.Status-For-Sorting').text().toUpperCase(); 
     return (compA < compB) ? -1 : (compA > compB) ? 1 : 0; 
    }).appendTo(mylist); 
}