在第二次单击功能用于在 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>

告诉我哪里错了，这段代码是根据状态正确排序的，但是在第二次点击之后..

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