jquery tinysort

我想排序一個UL tinysort。它看起來像這樣：jquery 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&gt;li').tsort('a',{attr:'style',order:'desc'});"

但它創造了一些錯誤的結果。即時通訊使用jqueryUIs可調整大小來更改元素的高度，並希望在調整大小後按高度對它們進行排序。

我可以以某種方式訪問style.height屬性嗎？也許另一個排序插件或排序腳本會做得更好？

解決方案將是一個稱爲heightvalue的特殊屬性，其中設置爲元素的高度。但我怎樣才能改變jqueryUI的可調整大小，它會爲我添加一個值到該屬性？

來源

2011-07-05 dichterDichter

這是否意味着你的問題就解決了？如果是這樣，而不是編輯問題，請發表回覆並接受。 –

是的，我只需要等6個小時來做到這一點，我仍然必須等3 :-) – dichterDichter

找到了解決辦法。我添加了屬性「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>

現在，整理作品...

來源

2011-07-06 21:04:45 dichterDichter

回答

相關問題