Javascript 关于重新调整大小的jQuery
我有以下代码,允许我在重新调整浏览器大小时更改样式表:Javascript 关于重新调整大小的jQuery,javascript,jquery,resize,window-resize,Javascript,Jquery,Resize,Window Resize,我有以下代码,允许我在重新调整浏览器大小时更改样式表: $(window).resize(function () { var width = $(window).width(); var height = $(window).height(); if ((width <= 1280) && (height <= 800)) { $("lin
$(window).resize(function () {
var width = $(window).width();
var height = $(window).height();
if ((width <= 1280) && (height <= 800)) {
$("link[rel=stylesheet]:not(:first)").attr({ href: "Styles/Home-1024.css" });
}
else if ((width > 1280) && (height > 800)) {
$("link[rel=stylesheet]:not(:first)").attr({ href: "Styles/Home.css" });
}
});
$(窗口)。调整大小(函数(){
变量宽度=$(窗口).width();
var height=$(window.height();
如果((宽度800)){
$(“link[rel=stylesheet]:not(:first)”).attr({href:“Styles/Home.css”});
}
});
它工作正常,但我正在尝试在浏览器恢复到原始大小时再次更改样式表。您可以尝试:
$(window).live("resize", function(){
});
我认为问题的一部分在于脚本在每次拖动的每个时刻都会触发
你可以考虑添加一个延迟,这样事件不会重复很多次。
见此:我遗漏了一个大于so的双精度,而不是这个:
else if ((width > 1280) && (height > 800)) {
我用了这个,它成功了:
else if ((width >> 1280) && (height >> 800)) {
我不太明白这个问题。如果你的代码可以工作,那么当浏览器第一次调整大小时,它不会同时启动吗,当浏览器的大小恢复到原来的大小时?@Joshua Moore-这是我的想法,但它只在第一次调整大小时有效,而在第二次调整时无效。你能在jsfiddle.net上建立一个例子吗?@Joshua Moore-是一个例子吗?它不同于此,因为我不能在jsfiddle上添加样式表。你应该从你的问题中删除解决方案并将其添加为答案(如果它真的解决了您的问题,请接受)。尝试后,它会延迟激活,但它只会在第一次调整大小时触发,但不会在之后触发。我发现这种方法存在一个问题:如果延迟太长,页面可能会发生更改(取决于样式表中的差异,这可能会非常明显)你会推荐一种不同的方法吗