jQuery插件TinySort存在问题
我正试图在jQuery和-plugin的帮助下对列表进行排序,虽然效果很好,但有一点并没有达到我想要的效果。我的代码是:jQuery插件TinySort存在问题,jquery,list,sorting,jquery-plugins,Jquery,List,Sorting,Jquery Plugins,我正试图在jQuery和-plugin的帮助下对列表进行排序,虽然效果很好,但有一点并没有达到我想要的效果。我的代码是: <!doctype html> <html> <head> <meta charset="UTF-8" /> <title>TinySort problem</title> <script type="text/javascript"
<!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问题
功能pktsort(方式){
如果($(($)div#paket>ul>li.sortdiv>a#s#u abc”).text()=“a-s”){
$(“div#paket>ul>li.sortdiv>a#s#u abc”)。文本(“s-a”);
$(“div#paket ul li.sortable”).tsort(“,{place:“org”,返回:true,order:“desc”});
}否则{
$(“div#paket>ul>li.sortdiv>a#s#u abc”)。文本(“a-s”);
$(“div#paket ul li.sortable”).tsort(“,{place:“org”,返回:true,order:“asc”);
}
}
排序:
几乎出名
男人的孩子
- Coeurs
巨大的青春
- 卸载
- 性感女人
- 我不在那里
西尔维亚市的
-
- 进入野外
- Je rentreála maison
金刚
阳光小小姐
- 有线电视上的人
牛奶
怪物公司
- 我的温尼伯
- Ne touchez pas la hache
- Nói albinói
- 普通情人
死者肖恩
静音灯
- 此文本不应移动
您可以在以下位置试用:
我的问题是:
当我按下排序链接时,我不希望
移动到所有
-元素之上。我不想总是在底部
您可以找到TinySort插件的文档。我尝试了大量使用place和returns属性的组合,但我就是做不好。排序后,能否将底部所需的组合追加到底部?即
$('#paket .rounded .addmore').appendTo('#paket .rounded');