Question

我正在使用这个可爱的jquery插件

http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

在显示之前加载整个网站，包括图片。它运作得非常好。我想要做的是添加一个小的跳过按钮，跳过脚本并跳转到页面而不预先加载那些太不耐烦的人。

//create the skip button
this.skipbutton = $("<div id='skip'><a href='#' id='skipbut'>SKIP</a></div>").css({
    height: 20 + "px",
    marginTop: "-" + (this.parent.options.barHeight / 2) + "px",
    Color: this.parent.options.barColor,
    width: "0%",
    position: "absolute",
    top: "70%",
    left: "50%"
}).appendTo(this.container);

我现在想知道如何跳过它..我不认为stop（）函数可以用于此吗？

//skip function
$("#skipbut").click(function(){
        //insert code here
});

所以任何正确方向的帮助都将受到高度赞赏。非常感谢你提前： - ）

Answer 1

一种可能的解决方案是您可以为此设置本地存储并重新加载页面：

$("body").on('click','#skipbut',function(){       
     localStorage.setItem("load","true");
     location.reload();
});

在加载插件时检查它，如下所示：

$(document).ready(function () {
     if( localStorage.getItem("load")=="true" ){             
         // if local storage is set skip the loader 
         localStorage.removeItem("load");
     }else{
         // if localstorage is not present use the loader
         $("body").queryLoader2();
     }
});

希望它有所启发。

Answer 2

我找到了一个非常简单的解决方案，虽然我会承认它不是理想的解决方案，但我必须快速行动

我在没有预加载器的情况下对页面进行了另一次克隆，并将重定向操作附加到跳过按钮。

从技术上讲，它加载了没有预加载器的页面克隆。工作正常但不是我想要的方式。

跳过代码执行所需的jquery修改

2 个答案: