Jquery $ ('.article.active' ).next Issue

Question

我得到了类似 slider 的东西，至少它应该是这样的。但是这里的代码不起作用:

$('div.app').on('click' , function(){
var current = $('.article.active');
if(current.next('.article').length > 0)  {
    current.next('.article')
        .effect("slide" ,{direction:'left', mode:'hide'},1000)
        .addClass('active')
        .removeClass('hide');
    current.effect("slide",{direction:'right',mode:'show'},1000)
        .removeClass('active')

}   else {
         $('.article:first').removeClass('hide').addClass('active');
}


});

还有 JSFiddle:http://jsfiddle.net/u4m0oLsc/ .

Answer 1

var current = $('.article.active'); 应该在点击事件函数中声明如下:

$('div.app').on('click' , function() {
  var current = $('.article.active');
  ...
}

Fiddle