Jquery tinysort不起作用

Question

我正在考虑使用锡排序对一个复杂的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>

我希望它会

S2
S3
S5
S5-1
S5-2

不管是什么

S5
S5-2
S5-1
S2
S3

Answer 1

确保在代码中包含了jquery，也包括了tinysort.defaults.ignoreDashes = true;。请参阅下面的代码片段

 $(document).ready(function() {
 	tinysort.defaults.ignoreDashes = true;
        tinysort('div#volume>div');
        tinysort('div#section1>div');
    });

<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 src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.3.6/tinysort.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

​

Answer 2

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

​

function mySort(a, b) {
  return $(a.elm).text() < $(b.elm).text() ? -1 : 1;
}
$(document).ready(function() {
  tinysort('div#volume>div', {sortFunction: mySort });
  tinysort('div#section1>div', {sortFunction: mySort });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.3.6/tinysort.min.js"></script>
<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>

​