Question

我想用tinysort对UL进行排序。看起来像这样：

<ul id="menu" class="menu">  
<li> 
<a href="#"  class="resizable" style="height:14px;">Test1</a>  
</li> 
<li> 
<a href="#"  class="resizable" style="height:15px;">Test2</a>     
</li> 
<li> 
<a href="#"  class="resizable" style="height:10px;">Test3</a>     
</li>  
</ul>

我试图排序：

onclick="$('ul.menu&gt;li').tsort('a',{attr:'style',order:'desc'});"

但它创造了一些错误的结果。我使用jqueryUIs resizeable来改变元素的高度，并希望对它们进行排序调整大小后的高度。

我可以以某种方式访问style.height属性吗？也许另一个排序插件或排序脚本会做得更好？

解决方案是一个名为heightvalue的特殊属性，其中设置为元素的高度。但是我如何更改jqueryUI可调整大小，它会添加一个该属性的值是什么？

Answer 1

找到解决方案。我为每个元素添加了属性“heightvalue” 在调整大小后设置。

<script>
    $(document).ready(function() {
        $( ".resizable" ).resizable({
            maxHeight: 100,
            minHeight: 14,
            stop: function(evn, ui) {
            $(this).attr("heightvalue", $(this).css('height'));
            alert( $(this).css('height') );
            }
        });


    });
    </script>

现在，排序工作......

jquery tinysort

1 个答案: