如何讓jQuery事件觸發一次

我有一個基本圖像，它覆蓋了一旦用戶訪問該網站後淡入的主容器。我希望在初始加載時發生此事件只有。這可以完成嗎？如何讓jQuery事件觸發一次

這裏的.js文件

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

提前感謝！

來源

2012-12-15 Ben

發生了什麼事，使再次事件火..？你可以使用['one（）']（http://api.jquery.com/one/），但是我不相信這是你發佈的代碼所必需的。 –

任何時候當您再次訪問該頁面時，#landing會淡入（這只是一個全屏圖像）。 – Ben

@本：-1爲着陸頁圖像。 ;-)（不是真的，只是在理論上。） –

您可以設置一個cookie，然後只在未設置cookie的情況下運行動畫。

如果你想使用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); 
    }); 
}

來源

2012-12-15 15:19:29 Dan

我會如何去做我目前的腳本？（我是jQuery的新手） – Ben

@Ben我更新了答案以提供具體細節。本地存儲絕對也是一種選擇。 – Dan

哎呀謝謝@ T.J.Crowder！ – Dan

如何讓jQuery事件觸發一次

回答

相關問題