설정에서 jQuery 사이클 중지 display : none;

Question

사용자가 항목 집합에서 선택한 다음 선택한 항목을 섞어 하나를 선택하는 작은 게임을 만들고 있습니다.

jQuery 사이클 (http://jquery.malsup.com/cycle/)을 사용하여 기본 애니메이션을 실행하고 임의 순서 기능과 사용자 정의 애니메이션을 사용하여 임의 항목을 선택합니다.

그러나 항목을 애니메이션 처리하는 방식은 애니메이션을 적용하는 동안 모두 표시되도록해야한다는 것을 의미합니다. 모두 절대적으로 배치됩니다.

그래서 여기에 질문 : 그것은 시작하기 전에 모든 항목에display: none;적용에서 jQuery를주기를 막을 방법은 있습니까?

필요하다면 원본 스크립트를 수정해도 상관 없습니다.

$('#item-container').cycle({ 
    fx: 'custom', 
    cssBefore:{ 
     left: 0, 
     top: 0, 
     display: 'block', 
     zIndex: 1 
    }, 
    animIn: { 
     left: 200, 
     top: 200 
    }, 
    animOut: { 
     left: 0, 
     top: 0 
    }, 
     cssAfter:{ 
     zIndex: -40, 
     display: 'block' 
    }, 
    speed: 400, 
    timeout: 400, 
    random: 1, 
    autostop: 1, 
    autostopCount: 25, 
    continuous: 1, 
    slideExpr: 'div.selected' 
}); 

감사!

Answer 1

CSS에 important!를 추가하십시오. 일반적으로 인라인 CSS (예 :주기 플러그인으로 설정된 CSS)는 스타일 시트에서 CSS를 재정의합니다. 그러나! important를 사용하면 우선 적용됩니다.