仅调用一次函数

我有 3 个 div (#Mask #Intro #Container）因此，如果您单击“蒙版”，“介绍”将被隐藏，而“容器”将出现。 问题是我只想加载一次，而不是每次刷新页面或每次单击菜单或链接等时加载。

我怎样才能做到这一点？

这是我现在使用的脚本：

$(document).ready(function(){
    $("div#mask").click(function() {
        $("div#intro").fadeToggle('slow');
        $("div#container").fadeToggle('slow');
        $("div#mask").css("z-index", "-99");
    });
});

谢谢你！

您可以尝试使用简单的计数器。

// count how many times click event is triggered
var eventsFired = 0;
$(document).ready(function(){
    $("div#mask").click(function() {
        if (eventsFired == 0) {
            $("div#intro").fadeToggle('slow');
            $("div#container").fadeToggle('slow');
            $("div#mask").css("z-index", "-99");
            eventsFired++; // <-- now equals 1, won't fire again until reload
        }
    });
});

To persist这个你需要设置一个cookie。 （例如。$.cookie()如果您使用该插件）。

// example using $.cookie plugin
var eventsFired = ($.cookie('eventsFired') != null)
    ? $.cookie('eventsFired')
    : 0;

$(document).ready(function(){
    $("div#mask").click(function() {
        if (eventsFired == 0) {
            $("div#intro").fadeToggle('slow');
            $("div#container").fadeToggle('slow');
            $("div#mask").css("z-index", "-99");
            eventsFired++; // <-- now equals 1, won't fire again until reload
            $.cookie('eventsFired', eventsFired);
        }
    });
});

稍后删除 cookie：

$.cookie('eventsFired', null);