Javascript jquery窗口加载函数在加载时不执行任何操作
这是我第一次在这里发帖,只是想知道我在为一个包含菜单元素的外部html文件编写的jquery脚本中做错了什么。它只适用于调整大小而不加载。我尝试了一个独立的$(window.load();事件,似乎没有任何工作。我是jQuery的新手,只知道该做什么和不该做什么Javascript jquery窗口加载函数在加载时不执行任何操作,javascript,jquery,html,Javascript,Jquery,Html,这是我第一次在这里发帖,只是想知道我在为一个包含菜单元素的外部html文件编写的jquery脚本中做错了什么。它只适用于调整大小而不加载。我尝试了一个独立的$(window.load();事件,似乎没有任何工作。我是jQuery的新手,只知道该做什么和不该做什么 jQuery(文档).ready(函数($){ var vwidth=$(window.width(); var vheight=$(窗口).height(); var menu=$(“#menu_container”); $(窗口)
jQuery(文档).ready(函数($){
var vwidth=$(window.width();
var vheight=$(窗口).height();
var menu=$(“#menu_container”);
$(窗口).on('load resize',function()){
如果(vwidth>=1000){
css('zoom','1');
}否则{
css('zoom','0.8');
}
});
});代码>
从上述函数中删除美元符号($
)。您正在将global重新定义为jQuery.ready
函数作用域的函数参数
jQuery(document).ready(function() {
编辑
如果这不起作用,请尝试这些基本调用,看看控制台打印出了什么
单击“运行代码段”按钮时,会得到以下输出:
Document ready()
Window resize()
Window load()
Window load() x2
Window resize()
$(文档).ready(函数(){
log(“documentready()”);
});
$(窗口).on('load',function(){
log(“窗口加载()”);
});
//或
$(窗口)({
加载:函数(){
log(“窗口加载()x2”);
},
调整大小:函数(){
log(“窗口大小调整()”);
}
});代码>
从上述函数中删除美元符号($
)。您正在将global重新定义为jQuery.ready
函数作用域的函数参数
jQuery(document).ready(function() {
编辑
如果这不起作用,请尝试这些基本调用,看看控制台打印出了什么
单击“运行代码段”按钮时,会得到以下输出:
Document ready()
Window resize()
Window load()
Window load() x2
Window resize()
$(文档).ready(函数(){
log(“documentready()”);
});
$(窗口).on('load',function(){
log(“窗口加载()”);
});
//或
$(窗口)({
加载:函数(){
log(“窗口加载()x2”);
},
调整大小:函数(){
log(“窗口大小调整()”);
}
});代码>
这里有两个问题。其中一个已经由@Mr.Polywhill解释过了。
另一个是DOM就绪事件将在window.load
事件之后执行。这意味着到jQuery(document).ready
执行$(window).load
时,已经发生了window.load
的事件注册,现在有点晚了。试试这个
//this is essentially the same as jQuery(document).ready
$(function(){
toggleZoom();
$(window).on("resize", function(){
toggleZoom();
});
});
function toggleZoom(){
var vwidth = $(window).width();
//this isn't needed in this snippet
//var vheight = $(window).height();
var menu = $('#menu_container');
if (vwidth >= 1000) {
menu.css('zoom', '1');
} else {
menu.css('zoom', '0.8');
}
}
这里有两个问题。其中一个已经由@Mr.Polywhill解释过了。
另一个是DOM就绪事件将在window.load
事件之后执行。这意味着到jQuery(document).ready
执行$(window).load
时,已经发生了window.load
的事件注册,现在有点晚了。试试这个
//this is essentially the same as jQuery(document).ready
$(function(){
toggleZoom();
$(window).on("resize", function(){
toggleZoom();
});
});
function toggleZoom(){
var vwidth = $(window).width();
//this isn't needed in this snippet
//var vheight = $(window).height();
var menu = $('#menu_container');
if (vwidth >= 1000) {
menu.css('zoom', '1');
} else {
menu.css('zoom', '0.8');
}
}
jQueryready()
函数的正确用法是:
jQuery(document).ready(function(){
//The code you want to execute.
});
有关更多信息,请参阅:
jQueryready()
函数的正确用法是:
jQuery(document).ready(function(){
//The code you want to execute.
});
有关更多信息,请参阅:
分享你的html代码,其中elemet调用onload函数分享你的html代码,其中elemet调用onload函数嘿,谢谢,这帮了我大忙,我可以让窗口加载函数工作了,谢谢你提醒我把这样的函数变成函数。同样感谢@Mr.Polywhill的小提示,我想这就是为什么仅仅通过阅读论坛和文档在线学习编程会有问题的原因。@NelsonMcCullough不用担心,伙计,很高兴我能帮上忙嘿,谢谢,这帮了大忙,我可以让窗口加载功能正常工作,谢谢你提醒我做这样的功能。多亏了@Mr.Polywhill的小提示,我想这就是为什么仅仅通过阅读论坛和文档来学习在线编程会有问题的原因。@NelsonMcCullough别担心,伙计,很高兴我帮了忙