2010-04-05 73 views
1

我試圖用jQuery和TinySort -plugin的幫助來對列表進行排序,它工作的很好,但有一件事情沒有按照我的想法工作。我的代碼是:http://www.volmar.se/list-prob.htmljQuery插件的問題TinySort

我的問題是: 我不想<li class="addmore">移動上面的所有<li class="sortable"> -elements當我按下排序

<!doctype html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>TinySort problem</title> 
     <script type="text/javascript" src="http://so.volmar.se/oldstatic/jquery.js"></script> 
    <script type="text/javascript" src="http://so.volmar.se/oldstatic/jquery.tinysort.min.js"></script> 

<script type="text/javascript"> 
function pktsort(way){ 
    if($("div#paket>ul>li.sortdiv>a#s_abc").text() == "A-S"){ 
     $("div#paket>ul>li.sortdiv>a#s_abc").text("S-A"); 
     $("div#paket ul li.sortable").tsort("",{place:"org",returns:true,order:"desc"}); 
    }else{ 
     $("div#paket>ul>li.sortdiv>a#s_abc").text("A-S"); 
     $("div#paket ul li.sortable").tsort("",{place:"org",returns:true,order:"asc"}); 
    } 
} 
</script> 

    </head> 
<body> 
<div id="paket" title="Paket"> 
    <ul class="rounded"> 
     <li class="sortdiv">Sort: <a href="#" onclick="pktsort();" class="active_sort" id="s_abc">A-S</a></li> 
     <li class="sortable">Almost Famous</li> 
     <li class="sortable">Children of Men</li> 
     <li class="sortable">Coeurs</li> 
     <li class="sortable">Colossal Youth</li> 
     <li class="sortable">Demonlover</li> 
     <li class="sortable">Femme Fatale</li> 
     <li class="sortable">I'm Not There</li> 
     <li class="sortable">In the City of Sylvia</li> 
     <li class="sortable">Into the Wild</li> 
     <li class="sortable">Je rentre à la maison</li> 
     <li class="sortable">King Kong</li> 
     <li class="sortable">Little Miss Sunshine</li> 
     <li class="sortable">Man on Wire</li> 
     <li class="sortable">Milk</li> 
     <li class="sortable">Monsters Inc.</li> 
     <li class="sortable">My Winnipeg</li> 
     <li class="sortable">Ne touchez pas la hache</li> 
     <li class="sortable">Nói albinói</li> 
     <li class="sortable">Regular Lovers</li> 
     <li class="sortable">Shaun of the Dead</li> 
     <li class="sortable">Silent Light</li> 
     <li class="addmore"><b>This text is not supposed to move</b></li> 
    </ul> 
</div> 
</body> 
</html> 

你可以嘗試一下-鏈接。我不想永遠處於底部。

你可以找到TinySort插件here的文檔。我已經嘗試過與地方組合的負載,並返回propertys,但我不能正確的。

回答

2

排序後,你可以在底部追加一個你想要的底部嗎?即。

$('#paket .rounded .addmore').appendTo('#paket .rounded'); 
+0

謝謝,這沒關係。 – Volmar 2010-04-06 12:30:03