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 how to fire AFTER the resize is completed?

Answer 3

我错过了比这更大的双倍而不是：

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

我使用了它并且它起作用了：

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

重新调整大小的jQuery

3 个答案: