2010-12-22 4 views
2

이 jQuery와 함께 표시되며, 의사 준비가 아닌 즉시이 항목이 표시되면 즉시 XXXXXXX가 표시됩니다.jQuery - 요소가 표시되자 마자 Document.Ready처럼

이유 3 패널이있는 앱이있는 이유는 무엇입니까? 첫 번째 패널은 기본적으로 숨겨져 있으며 회전식 메뉴가 있습니다. 회전식 캐 러셀은 보이지 않을 때 시작되면 중단됩니다. 그래서 회전 목마 나 div가 보이 자마자 말하고 싶습니다. 회전 목마를 시작하십시오.

감사

답변

3

(당신이 여기 jQuery의 사용자 정의 이벤트 물건을 사용할 수 있지만 실제 필요가 없습니다이 회전 목마 볼 수 있도록 어떤 방법을 사용 한 다음 "이벤트"를 트리거하는 것입니다 처리하는 올바른 방법 to, 간단한 함수 호출도 마찬가지로 작동합니다).

예를 들어

: 어떤 이상한 이유로 당신이 할 수없는 경우

function showCarousel() { 
    $("#carousel").show(); 
    carouselShowEvent(); 
} 
function carouselShowEvent() { 
    initiateCarousel(); 
} 

, 당신은 항상 주기적으로 볼 수 있는지 여부를 확인하기 위해 window.setInternal을 사용할 수 ...하지만 그건 거의 확실히 잘못된 방법 그것에 대해 갈 것입니다.

// Don't do this 
var interval = window.setInterval(function() { 
    if ($("#carousel").is(":visible")) { 
     initiateCarousel(); 
     interval.clearInterval(); 
    } 
}, 1000); 
+0

감사합니다.하지만 showCarousel의 기능은 무엇입니까? 문제를 해결하는 방법을 따르고 있지 않습니까? – AnApprentice

+0

회전 목마가있는 DIV에 바인딩하는 것은 어떻습니까? 말하라. onVisible은 회전 목마를 시작합니다. – AnApprentice

+0

showCarousel 함수는 캐 러셀을 표시하기 위해 호출하는 모든 함수를 의미합니다 (숨겨진 것에서 보이는 것까지 마술처럼 움직이는 것은 아닙니다). 따라서 아이디어는 이미 회전판을 표시 할 수있는 장소 또는 여러 장소가 이미있는 것입니다. 여러 장소가있는 경우 리팩터링하여 모두 모두 호출하는 단일 기능을 갖게 한 다음 해당 기능에서 "이벤트"를 트리거합니다 (단 하나의 장소 만 있으면 그 곳에서 트리거를 추가 할 수 있습니다). – machineghost

관련 문제