jQuery는 한 번에 하나씩 다음 목록 항목에 클래스를 추가하고 처음부터 다시 반복합니다.

Question

x 슬라이드 양을 반복하는 jQuery 순환 슬라이드를 만들었습니다. 이 슬라이더에 페이지 매김을 추가했습니다. 각 점은 각 슬라이드와 관련된 목록 항목입니다. 슬라이드 번호 1이 보이면, li number는 클래스 current를가집니다. 다음을 클릭하면 클래스가 li 번호 1에서 삭제되고 li 번호 2에 추가됩니다.

문제는 일단 목록 항목을 모두 살펴본 후 "현재"클래스를 첫 번째 목록 항목에 다시 추가됩니다. 이전 버튼을 클릭하면 oppsite도 발생해야합니다.

window.next = function() { 
var li = jQuery("li.current"); 
if (li.length) 
    li.removeClass("current").next().addClass("current"); 
else 
    jQuery("li").first().addClass("current"); 
} 
window.prev = function() { 
var li = jQuery("li.current"); 
if (li.length) 
    li.removeClass("current").prev().addClass("current"); 
else 
    jQuery("li").last().addClass("current"); 
} 
} 

내 HTML 태그 : 매김 내 jQuery 코드는 여기에

입니다

<ul> 
<li class="current"></li> 
<li></li> 
<li></li> 
</ul> 

내가 주변에 루프이 얼마나 사람이 말해 줄래? 그래서 첫 번째 선택, next가있는 경우

window.next = function() { 
    var li = jQuery("li.current"); 
    if (li.length && li.next().length) 
     li.removeClass("current").next().addClass("current"); 
    else { 
     li.removeClass("current"); 
     jQuery("li").first().addClass("current"); 
    } 
} 

window.prev = function() { 
    var li = jQuery("li.current"); 
    if (li.length && li.prev().length) 
     li.removeClass("current").prev().addClass("current"); 
    else { 
     li.removeClass("current"); 
     jQuery("li").last().addClass("current"); 
    } 
} 

Answer 1

당신은 간단하게 확인할 수 있고, 그렇지 않은 경우는 마지막에해야합니다 : 이 시도해보십시오 여기 http://www.samskirrow.com/projects/carousel

Answer 2

내 작품을 볼 수 있습니다

if (li.length){ 

    var $next = li.next(); 

    if($next.length == 0) $next = $("li").first(); 

    li.removeClass("current"); 
    $next.addClass("current"); 
} 

이전과 마찬가지입니다.