javascript - jQuery关于重新调整大小

Question

我有这段代码，它允许我在调整浏览器大小时更改样式表：

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

它工作正常，但是当浏览器恢复到其原始大小时，我试图再次更改样式表。

Answer 1

你可以试试：

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

});

Answer 2

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

您可能会考虑添加延迟，以便事件不会重复很多次。

看到这个：JavaScript/JQuery: $(window).resize 如何在调整大小完成后触发？

Answer 3

我错过了一个比这个更大的两倍而不是这个：

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

我使用了它并且它有效：

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