주기 슬라이드 쇼가 모든 슬라이드를 숨기는 이유는 무엇입니까?

Question

jQuery 플러그인 cycle은 slideshow의 요소를 찾습니다. 이 클래스를 <ul> 요소에 추가하여 슬라이드 쇼를 <li> 개로 만들겠습니다. 그러나 <ul> 요소에 slideshow 클래스를 추가하면 모두 <li>이 사라지고 아무 슬라이드 쇼도 표시되지 않습니다.

html로는 다음과 같습니다

<ul> 
    <li> 
    <h3 class="expander">...</h3> 
    <div class="content"> 
     <p>...</p> 
     <h4>...</h4> 
     <ul class="slideshow"> 
     <li>...</li> 
     <li>...</li> 
     </ul> 
    </div> 
    </li> 
    ... 
</ul> 

보시다시피가, 슬라이드 쇼 <ul> 다른 목록에 포함되어 있습니다. 이 상위 목록은 클릭시 각 목록 항목의 콘텐츠를 표시하는 헤더로 구성됩니다. DOM이 준비되면 프로그래밍 방식으로 모든 .content을 숨기고 있습니다. 그런 다음 .expander에 클릭 수신기를 추가하여 숨겨진 .content을 표시 할 수 있습니다.

.slideshow 님의 목록 항목을 순환하는 데주기 플러그인을 사용하는 것은 .contents입니다.

이 모든 다른 이상한 점은 슬라이드 쇼가 완벽하게 작동하여 머리글이 관련 콘텐츠의 토글로 변경되기 전에 발생했기 때문입니다. 사실, 토글 기능을 헤더에 추가하면 슬라이드가 더 이상 표시되지 않습니다. 그런데 slideshow 클래스를 삭제하면 다시 볼 수 있습니다. 이 문제의 원인이 될 수있는 것을

$(document).ready(function() 
{ 
    var expanders = $('.expander'); 
    expanders.each(function() 
    { 
    $('.content', $(this).parent()).toggle(); 
    $(this).click(function() 
    { 
     $('.content', $(this).parent()).toggle("blind", {"easing":"easeInOutCirc"}, "normal"); 
    }); 
    }); 
    $('.slideshow').each(function() { 
    var parent = $(this).parent(); 
    $(this).cycle(
    { 
     fx: 'scrollHorz', 
     easing: 'easeInOutCirc', 
     timeout: 0, 
     nowrap: 1 
    }); 
    }); 
}); 

어떤 생각 : 물론, 더 이상 슬라이드 쇼 functionnality이 없습니다 ... 여기

모든이를위한 자바 스크립트입니다?

Answer 1

분명히, 나는 다음과 같이 토글 코드 위의 사이클 코드를 이동하기 위해 필요한이 비록 작동하는 이유는 더 나은 답변을 감상 할 수 있도록

$(document).ready(function() 
{ 
    $('.slideshow').each(function() { 
    var parent = $(this).parent(); 
    $(this).cycle(
    { 
     fx: 'scrollHorz', 
     easing: 'easeInOutCirc', 
     timeout: 0, 
     nowrap: 1 
    }); 
    }); 
    var expanders = $('.expander'); 
    expanders.each(function() 
    { 
    $('.content', $(this).parent()).toggle(); 
    $(this).click(function() 
    { 
     $('.content', $(this).parent()).toggle("blind", {"easing":"easeInOutCirc"}, "normal"); 
    }); 
    }); 
}); 

나는 모른다.