如何使jQuery事件觸發一次

Question

我有一個基本圖像放在主容器的頂部，一旦用戶訪問該站點就會消失。 我希望這個事件只在初始加載時發生。 這可以實現嗎？

這是.js

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

提前致謝！

Answer 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);
    }); 
}