Cycle.js IE7/8 호출기를 클릭하면 깜박 거리며 페이드되지 않습니다.

Question

프로젝트에 Cycle.js를 사용하고 있습니다. 정적 탐색 영역을 만들고 호출기를 사용합니다. 사이클에서 사용자가 볼 슬라이드를 클릭 할 수 있습니다. 모든 주요 브라우저, FF, Safari, Chrome, IE9 등에서는 문제가 없지만 Internet Explorer 7 및 8에서는 예상대로 사라지지 않습니다. 흰색으로 깜박이고 다음 슬라이드가 깜박입니다. 왜 그런지 신비 스럽습니다.

페이징을 모두 제거하고 예를 들어 3000의 타임 아웃을 넣으면 괜찮습니다. 호출기에 문제가 있습니까? 기본적으로 Cycle.js 프로젝트 사이트 예제에서 똑같은 코드를 사용했습니다 (아래에 설명 된대로 인덱스 값을 수정 한 것만 제외). here으로 보았습니다. 이 마크 업이 곧 변화 될 것입니다,하지만이 지금 손에있는 문제와 관련 될 수있는 표시되지 않습니다

 <div id="nav"> 
      <div id="stage_1"></div> 
      <div id="stage_2"></div> 
      <div id="stage_3"></div> 
     </div> 

:

jQuery(function($){ 
     $('.Slides').cycle({ 
      fx:  'fade', 
      timeout: 0, 
      pager: '#nav', 
      pagerAnchorBuilder: function(idx,slide){ 
       idx -= 1 // we don't want the first slide so reduce the index # by 1 
       return '#nav div:eq(' + idx + ') '; 
      } 
     }); 

html로 꽤 똑바로 앞으로 다음과 같이 보입니다 .

아이디어가 있으십니까? 감사.

Answer 1

나는 내 실수가 무엇인지 알아 냈습니다. 슬라이드가 포함 된 HTML은 컨테이너와 두 개의 다른 요소 인 img와 a를 특징으로했습니다. 아주 단순한 물건 :

그리고 전환이 단지 깜박 거리고 있었고 다음 슬라이드는 흰색 만 표시 한 후에 나타납니다. 전환 효과가 없습니다 (페이드, 턴 다운 등). 이 문제를 해결하기 위해 IE 컨디션에서 수행했던 컨테이너 div에 배경색을 추가해야했습니다. img는 div와 동일한 크기이고 앵커는 절대적으로 배치되므로 나에게 이것은 효과적입니다.