AnythingSlider에서 모든 패널 제거하고 플러그인을 다시 시작하십시오.

Question

저는 AnythingSlider를 사용하여 트윗, 블로그 게시물, flickr 사진 및 YouTube 비디오의 매시업을 표시하고 처음에는 훌륭하게 작동합니다. 정렬 기능을 추가하려고하지만 버튼을 클릭하여 모든 슬라이드를 제거해야합니다 -> 새 슬라이드 추가 -> 플러그인을 다시 초기화하십시오.

AnythingSlider 문서 (코드는 물론)는 슬라이드를 제거하는 기능을 암시하며, 플러그인은 스트라이드로 가져와야합니다. 난 아무데도 제거 코드의 종류를 찾을 수 없어, 그래서는 다음과 같이 일하는 것이 fiugured :

$("#slider li:not(.cloned)").remove(); 

을하지만, 지금까지 내가 운이 없었습니다. 누구나 이와 같은 경험이 있습니까? 많은 감사.

Answer 1

슬라이드를 제거하는 코드가 없으므로 위의 코드를 사용하거나 모든 슬라이드를 정말로 제거하려면 이렇게하십시오 (복제 된 슬라이드를 제거하지 않아도됩니다) :

$('#slider li').remove(); 

그런 다음 당신이 원하는 새로운 슬라이드를 추가

$('<li>New Stuff</li>').appendTo('#slider'); 

그런 다음 슬라이더를 업데이트 (분류 또는 무엇이든)

$('#slider').anythingSlider(); // don't include options 

위의 코드는 기본적으로 AnythingSlider demo page (테마 선택기 옆의 버튼)에 표시된 코드와 같습니다. 나는 아래에 더 많은 코멘트를 포함시켰다.

// Add a slide 
var imageNumber = 1; 
$('button.add').click(function(){ 
    $('#slider1') 
    // add a new slide, but cycle between two images 
    .append('<li><img src="images/slide-tele-' + (++imageNumber%2 + 1) + '.jpg" alt="" /></li>') 
    // update the slider 
    .anythingSlider(); 
}); 
$('button.remove').click(function(){ 
    // don't let the last slide get deleted - it's ok if you do delete it, it's just not purdy ;) 
    if ($('#slider1').data('AnythingSlider').pages > 1) { 
    // remove the last slide (the cloned slide is actually the last, that's why there is a ":not()" in there 
    $('#slider1 > li:not(.cloned):last').remove(); 
    // update the slider 
    $('#slider1').anythingSlider(); 
    } 
});