jQuery的大小调整

jQuery on re-sizeing back

本文关键字:调整 jQuery      更新时间:2023-09-26

我有这段代码,它允许我在浏览器重新调整大小时更改样式表:

            $(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" });
            }
        });

,它工作得很好,但我试图改变样式表再次当浏览器返回到原来的大小

您可以尝试:

$(window).live("resize", function(){
});

我认为部分问题是脚本在每次拖动的每一刻触发。

你可以考虑添加一个延迟,这样事件就不会重复那么多次。

见:JavaScript/JQuery: $(window)。调整大小后如何火灾调整完成?

缺少一个大于so的双引号:

else if ((width > 1280) && (height > 800)) {

我用了这个,它成功了:

else if ((width >> 1280) && (height >> 800)) {