jquery tinysort

Question

tinysort로 UL을 분류하고 싶습니다.

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

하지만 몇 가지 잘못된 결과를 생성 :

<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> 

내가 정렬 기준으로 시도 : 은 다음과 같습니다있다. 메신저 jqueryUIs resizeable을 사용하여 요소의 높이를 변경하고 크기를 조정 한 후 높이로 을 정렬하려고합니다.

어떻게 든 style.height 속성에 액세스 할 수 있습니까? 어쩌면 다른 정렬 플러그인이나 정렬 스크립트가 더 잘할 것입니까?

해결책은 요소의 높이 으로 설정된 heightvalue라는 특수한 속성입니다. 하지만 jsceryUI 크기를 변경하여 그 속성에 값을 추가 할 수 있습니까?

Answer 1

해결책을 찾았습니다. 크기 조정 후 im 설정 인 각 요소 에 속성 "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> 

지금, 정렬 작업은 ...