Jquery tinysort不工作

Jquery tinysort不工作,jquery,html,sorting,tinysort,Jquery,Html,Sorting,Tinysort,我正在考虑使用来对复杂的div列表进行排序 这里是第一次尝试html <div id = "sort"> <div id = "volume"> <div id ="section1">S5 <div>S5-2</div> <div>S5-1</div> </div> <div id="sec

我正在考虑使用来对复杂的
div
列表进行排序 这里是第一次尝试html

<div id = "sort">
    <div id = "volume">
        <div id ="section1">S5
            <div>S5-2</div>
            <div>S5-1</div>
        </div>
        <div id="section2">S2</div>
        <div id="section3">S3</div>
    </div>
</div>
<script>
    $(document).ready(function() {
        tinysort('div#volume>div');
        tinysort('div#section1>div');
    });
</script>
不管怎样

S5
S5-2
S5-1
S2
S3

确保代码中包含jquery,还包括
tinysort.defaults.ignoreDashes=true。请参阅下面的代码snipet
$(文档).ready(函数(){
tinysort.defaults.ignoreDashes=true;
tinysort(‘部门#数量>部门’);
tinysort(“部门1>部门”);
});

S5
S5-2
S5-1
S2
S3

您可以使用自己的排序功能:

函数mySort(a,b){
返回$(a.elm).text()<$(b.elm).text()?-1:1;
}
$(文档).ready(函数(){
tinysort('div#volume>div',{sortFunction:mySort});
tinysort('div#section 1>div',{sortFunction:mySort});
});

S5
S5-2
S5-1
S2
S3

谢谢,但由于我得到了一个复杂的嵌套div。所以基本上我正在搜索一个更好的库来对其进行排序。
S5
S5-2
S5-1
S2
S3