Question

我想知道如何在第一次加载页面时只运行一次jquery函数。这意味着当我再次加载页面时，jquery函数不应该运行。

示例：

$(document).ready(function(){
   $(window).load(function(){
     alert(hello);
 });
});

请帮忙。提前致谢

Answer 1

为此，您需要设置一些存储/持久性

$(document).ready(function(){
    if (!localStorage.getItem('loaded')) {
        alert(hello);
        localStorage.setItem('loaded', 'done');
    }
});

以上检查localStorage中的记录，如果尚未设置

本地存储和会话存储都要注意的一点是值存储为字符串，因此如果将值设置为true / false则要小心，因为它们在检索时不会是布尔值。

Answer 2

超级简单的HTML5方法:(不适合旧版浏览器）

$(function(){
    if(window.localStorage.getItem("ran") != "true") {
        //your running once code here.
        window.localStorage.setItem("ran", "true");
    }
})

代码只是试图通过HTML5的本地存储“运行”该字段，这是现代浏览器支持的。

如果您想支持旧浏览器，请将其转换为Cookie格式，如下所示：

$(function(){
    if(document.cookie != "ran=true") {
        //your running once code here.
        document.cookie = "ran=true";
    }
})

如何只运行一次jquery

2 个答案: