Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript QueryLoader预加载问题_Javascript_Jquery_Css_Preloader - Fatal编程技术网

Javascript QueryLoader预加载问题

Javascript QueryLoader预加载问题,javascript,jquery,css,preloader,Javascript,Jquery,Css,Preloader,我正在使用http://www.gayadesign.com/scripts/queryLoader/以预加载我的页面。现在,它可以在我的主页上正常工作,但是当我把代码放在任何其他页面上时,加载程序只是在90%停止,它不会加载。。。我正在使用网站上zip文件中提供的代码。有什么问题吗?我添加了启动插件的脚本 QueryLoader.selectorPreload = "body"; QueryLoader.init(); 在php文件中,并将其包含在我的页面中。。。正如我所说,它在我的主页上运

我正在使用
http://www.gayadesign.com/scripts/queryLoader/
以预加载我的页面。现在,它可以在我的主页上正常工作,但是当我把代码放在任何其他页面上时,加载程序只是在90%停止,它不会加载。。。我正在使用网站上zip文件中提供的代码。有什么问题吗?我添加了启动插件的脚本

QueryLoader.selectorPreload = "body";
QueryLoader.init();
在php文件中,并将其包含在我的页面中。。。正如我所说,它在我的主页上运行良好,但在其他任何页面上都失败。为什么?

代码1:

var QueryLoader = {

overlay: "",
loadBar: "",
preloader: "",
items: new Array(),
doneStatus: 0,
doneNow: 0,
selectorPreload: "body",
ieLoadFixTime: 2000,
ieTimeout: "",

init: function()
{
if (navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/) == "MSIE 6.0,6.0")
{
return false;
}
if (QueryLoader.selectorPreload == "body")
{
QueryLoader.spawnLoader();
QueryLoader.getImages(QueryLoader.selectorPreload);
QueryLoader.createPreloading();
}
else
{
$(document).ready(function()
{
QueryLoader.spawnLoader();
QueryLoader.getImages(QueryLoader.selectorPreload);
QueryLoader.createPreloading();
});
}
QueryLoader.ieTimeout = setTimeout("QueryLoader.ieLoadFix()", QueryLoader.ieLoadFixTime);
},

ieLoadFix: function()
{
var ie = navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/);
if (ie[0].match("MSIE"))
{
while ((100 / QueryLoader.doneStatus) * QueryLoader.doneNow < 100)
{
QueryLoader.imgCallback();
}
}
},

imgCallback: function()
{
QueryLoader.doneNow ++;
QueryLoader.animateLoader();
},

getImages: function(selector)
{
var everything = $(selector).find("*:not(script)").each(function()
{
var url = "";

if ($(this).css("background-image") != "none")
{
var url = $(this).css("background-image");
}
else if (typeof($(this).prop("src")) != "undefined" && $(this).prop("tagName").toLowerCase() == "img")
{
var url = $(this).prop("src");
}

url = url.replace("url(\"", "");
url = url.replace("url(", "");
url = url.replace("\")", "");
url = url.replace(")", "");

if (url.length > 0)
{
QueryLoader.items.push(url);
}
});
},

createPreloading: function()
{
QueryLoader.preloader = $("<DIV></DIV>").appendTo(QueryLoader.selectorPreload);
$(QueryLoader.preloader).css({
height: "0px",
width: "0px",
overflow:"hidden"
});

var length = QueryLoader.items.length; 
QueryLoader.doneStatus = length;

for (var i = 0; i < length; i++)
{
var imgLoad = $("<IMG></IMG>");
$(imgLoad).prop("src", QueryLoader.items[i]);
$(imgLoad).unbind("load");
$(imgLoad).bind("load", function()
{
QueryLoader.imgCallback();
});
$(imgLoad).appendTo($(QueryLoader.preloader));
}
},

spawnLoader: function()
{
if (QueryLoader.selectorPreload == "body")
{
var height = $(window).height();
var width = $(window).width();
var position = "fixed";
}
else
{
var height = $(QueryLoader.selectorPreload).outerHeight();
var width = $(QueryLoader.selectorPreload).outerWidth();
var position = "absolute";
}
var left = $(QueryLoader.selectorPreload).offset()['left'];
var top = $(QueryLoader.selectorPreload).offset()['top'];

QueryLoader.overlay = $("<DIV></DIV>").appendTo($(QueryLoader.selectorPreload));
$(QueryLoader.overlay).addClass("LoadCont");
$(QueryLoader.overlay).css({
position: position,
top: top,
left: left,
width: width + "px",
height: height + "px"
});

QueryLoader.loadBar = $("<DIV></DIV>").appendTo($(QueryLoader.overlay));
$(QueryLoader.loadBar).addClass("Loading");

$(QueryLoader.loadBar).css({
position: "relative",
top: "90%",
width: "0%"
});
},

animateLoader: function()
{
var perc = (100 / QueryLoader.doneStatus) * QueryLoader.doneNow;
if (perc > 99)
{
$(QueryLoader.loadBar).stop().animate({
width: perc + "%"
}, 500, "linear", function()
{ 
QueryLoader.doneLoad();
});
}
else
{
$(QueryLoader.loadBar).stop().animate({
width: perc + "%"
}, 500, "linear", function() { });
}
},

doneLoad: function()
{
clearTimeout(QueryLoader.ieTimeout);

if (QueryLoader.selectorPreload == "body")
{
var height = $(window).height();
}
else
{
var height = $(QueryLoader.selectorPreload).outerHeight();
}

//The end animation, adjust to your likings
$(QueryLoader.loadBar).animate({
height: height + "px",
top: 0
}, 500, "linear", function()
{
$(QueryLoader.overlay).fadeOut(888);
$(QueryLoader.preloader).remove();
});
}
}

页面为:
http://www.okultopedija.com/Ulaz?otvori=Razno

检查
控制台是否有错误。如果不检查您的代码,将无法帮助您。@RayonDabre控制台中没有可疑信息。。。一切都是一样的只是一个不同的页面…你能分享一些导致问题的代码吗?
<SCRIPT>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</SCRIPT>
.LoadCont
{
    Z-INDEX: 9999 !important;
    BACKGROUND: #000000;
}
.Loading
{
    HEIGHT: 1px;
    BACKGROUND-COLOR: #626262;
}