숨기고 계시 된 div

Question

I는 다음과 같이 작성하면 잘 작동 스크립트했습니다 :

var isPaused = false, 
jQuery(function() { 
    var $els = $('div[id^=film]'), 
     i = 0, 
     len = $els.length; 

    $els.slice(1).hide(); 
    setInterval(function() { 
     if (!isPaused) { 
      if (len > 1) { 
       $els.eq(i).fadeOut(function() { 
        i = (i + 1) % len; 
        $els.eq(i).fadeIn(); 
        }); 
      } 
     } 
    }, 3500); 
}); 

을하지만 내가 일 것이라고 생각 그래서 다음과 같이 재 작성 다음 및 이전 단추를 추가하고 싶었다.

var isPaused = false, 
    $els = $('div[id^=film]'), 
    i = 0, 
    len = $els.length; 

    $els.slice(1).hide(); 
    setInterval(Slide(1), 3500); 

function Slide (x) { 
    if (!isPaused) { 
     if (len > 1) { 
      $els.eq(i).fadeOut(function() { 
       i = (i + x) % len; 
       if (i<0) { 
        i = len; 
       } 
       $els.eq(i).fadeIn(); 
       }); 
     } 
    } 
} 

$('#next').click(Slide(1)); 
$('#prev').click(Slide(-1)); 

그러나 페이지에 아웃을 페이드 또는 다음 및 이전 버튼이 작동하는 것을 허용하지 않습니다 다음로드 될 때이 코드는 단지 모든 div의 표시된다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

업데이트 아마도이 질문을해야합니다. 첫 번째 코드 블록이 주어지면 Prev 및 Next 버튼을 사용하려면 어떻게 변경해야합니까?

Answer 1

당신은하고 싶지 :

$('#next').click(function(){Slide(1);}); 
$('#prev').click(function(){Slide(-1);}); 

대신

setInterval(function(){Slide(1);}, 3500); 

는, 현재의 코드로, Slide(1) 이미 계산되고 있으며, 클릭 기능은 값이에서 반환 된 호출 (함수에 반환 값이 없기 때문에 정의되지 않습니다.)

함수를 Slide로 랩핑하면 클릭이 해당 함수를 호출하고,

if (i<0) { 
    i = len - 1; 
} 

Answer 2

당신의 jQuery 이벤트 콜백을 : 차례로 호출

당신은 또한 당신이 제로 인덱스 배열을 처리하고 당신이 아니라 len보다는, 부정적인 가면 len - 1에 색인을 설정하려면 슬라이드하는 같은 부하 구조 안에 있어야합니다 :

// Wait for DOM load 
$(document).ready(function() { 
    $('#next').click(function(){ Slide(1); }); 
    $('#prev').click(function(){ Slide(-1); }); 
}); 

그리고 난 당신이 변경 제안하고 싶은 당신 :

setInterval(Slide(1), 3500); 

에

setInterval(function() { 
    Slide(1); 
}, 3500); 

는 기능은`$을하고있는, 전혀 ('다음 #')를 아무것도 반환하지 않습니다`) (은`슬라이드로 보는