2012-12-15 2 views
1

사용자가 사이트를 방문하면 한 번 페이드 인하는 기본 컨테이너 위에 기본 이미지를 놓습니다. 이 이벤트가 발생하기를 원하면 만 초기로드합니다. 이것이 성취 될 수 있습니까?jQuery 이벤트를 한 번 실행하는 방법

는 여기의 .js 사전에

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#landing').animate({opacity: 0.01}, 5000, function() { 
      $(this).hide(); 
      $('#main').children().fadeIn(5000); 
     }); 
    }); 
</script> 

감사입니다!

+0

를? ['one()'] (http://api.jquery.com/one/)을 사용할 수는 있지만, 게시 한 코드가 필요하다고 확신하지는 않습니다. –

+0

해당 페이지를 다시 방문 할 때 # 랜딩이 사라집니다 (전체 화면 이미지). – Ben

+1

@Ben : 방문 페이지 이미지의 경우 -1입니다. ;-) (실제로는 이론적으로는 아닙니다.) –

답변

4

쿠키를 설정 한 다음 쿠키가 설정되지 않은 경우에만 애니메이션을 실행할 수 있습니다.

당신이 jQuery를 사용하려면 다음 내 추천이 jQuery 플러그인 사용하는 것입니다 : https://github.com/carhartl/jquery-cookie

과 같은 무언가 : 다시는 이벤트 불을한다 .. 무슨 일

if (!$.cookie('intro_animation')) { 
    $.cookie('intro_animation', 'true'); 

    // Do your animation 
    $('#landing').animate({opacity: 0.01}, 5000, function() { 
     $(this).hide(); 
     $('#main').children().fadeIn(5000); 
    }); 
} 
+0

현재 스크립트에서 어떻게 수행할까요? (저는 jQuery를 처음 사용합니다) – Ben

+0

@Ben 구체적인 내용을 제공하기 위해 답변을 업데이트했습니다. 로컬 저장소도 확실히 옵션입니다. – Dan

+0

@ T.J.Crowder! – Dan

관련 문제