JQuery Tinysort

Question

Я хочу отсортировать UL с tinysort.который выглядит так:

<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>li').tsort('a',{attr:'style',order:'desc'});"

, но это привело к ложным результатам.Я использую jqueryUI, изменяющий размеры, чтобы изменить высоту элементов и хочу отсортировать их по высоте после изменения размера.

Могу ли я получить доступ к атрибуту 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>

сейчас, сортировка работает ...