2012-11-22 2 views
1

몇 가지 작업을하고 있었는데 지연 기능이 IE에서 제대로 작동하지만 Chrome에서 아무 것도하지 않는 것으로 나타났습니다. 왜. 정말 기본적인 것들입니다. 그래서 모든것을 setTimeout 함수로 바꾸기 전에 조언을 구하고 싶습니다.jQuery .delay()는 Chrome에서 작동하지 않지만 IE에서는 문제가 없습니다.

미리 감사드립니다.

$(document).ready(function() { 

    $("#start").width(0); 
    $("#start").delay(1000).animate({ 
     width: '280px' 
    }, 750); 

    $("#info").delay(2500).fadeIn(5000); 

    $("#in").delay(1250).fadeIn(1000); 
    $("#plusmin").fadeIn(2000); 

    $('#arrow').delay(2000).fadeIn(4000); 
});​ 
+0

버전은 무엇? jsFiddle? – bang

+2

Chrome에서 작업 중 ... http://jsfiddle.net/bZezzz/W29Yr/ – bZezzz

+0

아래에서 언급했듯이 setTimeout()은 좋은 대안이 될 수 있습니다. – alimac83

답변

1

예 : 내 크롬 V23에 http://jsfiddle.net/xwVF6/

작품 잘.

동일한 ID가 여러 개가 아니고 새로운 jquery 버전 (지연이 추가 된 1.3 이상)을 사용하고 있는지 확인하십시오. 그렇지

하는 일부 HTML ;-)

SetTimeout()를 제공하십시오 당신이 (쇼 A는 다음 B에게 등 후 0.5 초를 표시)에 의존 애니메이션을 만드는 경우 더 좋을 수 있습니다.

+0

감사합니다. 나는 그것이 작동하는 것을 본다. 그러나 나의 것은 아직도하지 않는다. 그럼 거기에 다른 뭔가가 있어야합니다 ... 그래서 여기에 내가 실제로하고있는 실제 페이지가 있습니다 : http://vangils.imaxxserver.be/ – user1844439

+0

당신은 fancybox를 사용하고 있지만 스크립트는 포함되어 있지 않으므로 throw합니다. 오류. 지연 디버깅을 시도하십시오 ;-) –

+0

아직, 나중에 페이지에 추가됩니다. – user1844439

1

샘플을 만들었습니다. 그리고 JQuery와 크롬에서의 작업을 잘

#start {background-color:#000;height:100px;} 
#info {background-color:red;height:100px;display:none} 
#in {background-color:green;height:100px;display:none} 
#plusmin {background-color:yellow;height:100px;display:none} 
#arrow {background-color:blue;height:100px;display:none}​ 

Sample

관련 문제