두 번째 클릭 함수가 jquery에서 정렬 작업을 수행 한 후

Question

자바 스크립트/jquery에서 알파벳순으로 목록 태그 정렬을 완료했습니다. 두 번째 클릭시 작동합니다. 처음에는 몇 초 (1 초 미만) 동안 작업을 클릭하고 정렬되지 않은 상태로 두 번째 클릭 후에는 제대로 작동한다는 것을 의미합니다.

내 정렬 기능은

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); 
    }); 
} 

내가

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> 

처럼 deviceready에서 그 함수를 정의

내가 잘못한 사람이 어디 있는지 말해주세요.이 c ODE는 상태에 따라 적절하게 정렬되어 있지만, 두 번째 클릭 후 ..

Answer 1

시도가 mylist에 정렬 된 목록을 적용 할 .appendTo()을 사용 :

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); 
}