jQuery TinySort可以'；t选择div对其进行排序，或者其他东西正在阻止排序

我试图让jQuery插件按链接的href属性对div进行排序。 我想要排序的div（“box”）被平均划分在两个单独的div（“row1”和“row2”）中，这两个div位于另一个div（“projects”）中。也就是说，可排序div比父元素低三级

My函数是一个简单的单击事件，用于排序：

$("#sortname").click(function(){
$(".box").tsort("a",{order:"desc",attr:"href"});
});

我认为这意味着：

单击#sortname时，all.box将按中包含的链接的href属性降序排序。实际上，单击时不会发生任何事情。我觉得我错过了一些明显的东西

我也试过了

$(".box > div").tsort("a",{order:"desc",attr:"href"});

及

选择作为.box的子代和子代的div，但这些div也不起作用

HTML:

按名称排序

这不会按您希望的方式排序，因为您已将.box嵌套在不同的父项（.row1和.row2）中。排序将起作用，但.box节点将始终位于其父节点内。 只需省去那些父行，您就可以进行排序：

$('.box').tsort('a',{attr:'href'});

---

不管怎样，您都不需要排家长。使用一个具有固定宽度的父项，并使用第n个子项设置子项的边距。框

注意，默认情况下，tinysort v2在不同的父项上排序

<h1 id="sortname">Sort By Name</h1>
<div id="projects">
<div class="row1">   
<div class="box">  
<a href="project1.htm"><img class="project1" src="project1"/></a>   
<div class="caption"><a href="project1.htm">Project 1</a></div>
</div>

<div class="box">  
<a href="project2.htm"><img class="project2" src="project2"/></a>   
<div class="caption"><a href="project2.htm">Project 2</a></div>
</div>

<div class="box">  
<a href="project3.htm"><img class="project3" src="project3"/></a>   
<div class="caption"><a href="project3.htm">Project 3</a></div>
</div>
</div>

<div class="row2">     
<div class="box">  
<a href="project4.htm"><img class="project4" src="project4"/></a>   
<div class="caption"><a href="project4.htm">Project 4</a></div>
</div>

<div class="box">  
<a href="project5.htm"><img class="project5" src="project5"/></a>   
<div class="caption"><a href="project5.htm">Project 5</a></div>
</div>

<div class="box">  
<a href="project6.htm"><img class="project6" src="project6"/></a>   
<div class="caption"><a href="project6.htm">Project 6</a></div>
</div>
</div>
</div>   

$('.box').tsort('a',{attr:'href'});