【问题标题】:Problem with jQuery plugin TinySortjQuery插件TinySort的问题
【发布时间】:2010-04-05 20:41:24
【问题描述】:

我正在尝试在 jQuery 和 TinySort-plugin 的帮助下对列表进行排序,它运行良好,但有一件事无法按我的意愿运行。我的代码是:

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

你可以试试:http://www.volmar.se/list-prob.html

我的问题是: 当我按下排序链接时,我不希望&lt;li class="addmore"&gt; 移动到所有&lt;li class="sortable"&gt; 元素之上。我不希望它总是在底部。

您可以找到 TinySort 插件 here 的文档。我已经尝试了很多与 place 和 return 属性的组合,但我就是做错了。

【问题讨论】:

    标签: jquery list sorting jquery-plugins


    【解决方案1】:

    排序后,你能把你想要的在底部追加到底部吗?即。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-26
      相关资源
      最近更新 更多