使用jQuery默认排序列表

时间:2015-07-11 21:39:23

标签: javascript jquery

我利用http://jsfiddle.net/daveSalomon/bcbxftr6/1/处的jQuery代码创建了以下代码:

HTML:

$(document).ready(function () {
        $('.featuredon').show();
        $('.featuredoff').hide();

$('.featuredcomments').click(function(){
    var $ul = $(this).next('ol');
    if(!$ul.data('sorted')){
        $ul.data('original', $ul.html());
        $ul.data('sorted', true);
        $ul.prepend($ul.find('li.featured'));
        $('.featuredon').hide();
        $('.featuredoff').show();

    } else {
        $ul.data('sorted', false);
        $ul.html($ul.data('original'));
            $('.featuredon').show();
        $('.featuredoff').hide();

    }
});
});

jQuery的:

mytool --help

Demo

默认情况下,页面会显示原始列表,但我想制作排序列表(即带有"精选"项目的列表。)我尝试进行进一步的更改它完成了,但我不能。

如何修改它以显示"已排序"列表默认情况下?

非常感谢。

2 个答案:

答案 0 :(得分:0)

将点击事件的代码放入新功能排序,然后使用 show()隐藏()调用它:

endl

找到您的小提琴更新Here

答案 1 :(得分:0)

答案与您使用更改事件here询问的同一问题相同...创建处理程序后触发事件

$('.featuredcomments').click(function(){
    // your event handling code
    ...

  /* now trigger the event */
}).click();

DEMO