JQuery .each()用于列表排序项

时间:2016-07-26 04:25:04

标签: jquery sorting each

重复过滤shuffle.js是否可用。当您单击要在顶部和底部过滤器上添加class .active的项目时。但.each()无法正常工作。怎么解决?

一个过滤器的原始jQuery代码

$('.filter li a').on('click', function(event){

var $self = $(this);
var $this = $(this).parent();

if($this.hasClass('active')) {
    return;
}

$self.closest('ul').children().removeClass('active');
$self.parent().addClass('active');

$container.shuffle( 'shuffle', $this.data('group') );

event.preventDefault();
});

我在两个过滤器中添加活动类的更改

    var $sortlist = $('.item-sort a');

function unit() {

var clikednax = (function() {
    $sortlist.each(function() {

      var $self = $(this);

      $self.closest('ul').children().removeClass('active');
      $self.parent().addClass('active');
    });

    return false;
});

    $sortlist.on('click', function(event) {
        var $this = $(this).parent();

        if ($this.hasClass('active')) {
          return;
        }
            clikednax();

        $container.shuffle('shuffle', $this.data('group'));

        event.preventDefault();
    });
}
unit();

请参阅:jsfiddle example

.each()传递给最后一个,停止活动。

请帮忙。

在另一个论坛上发表了

    $('.sorting-items').on('click', 'a', function(event){
    var g = $(this).parent().data('group');
    var $this = $(this).parent();

    $('[data-group='+ g +']').addClass(className).siblings().removeClass(className);

    $container.shuffle( 'shuffle', $this.data('group') );
    event.preventDefault();
    });

0 个答案:

没有答案