1

ブラウザのサイズを変更したときにスタイルシートを変更できるコードがあります。

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

正常に動作しますが、ブラウザが元のサイズに戻ったときにスタイルシートを再度変更しようとしています。

4

3 に答える 3

0

私はこれの代わりにそうよりも大きい2倍がありませんでした:

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

私はこれを使用しましたが、うまくいきました：

else if ((width >> 1280) && (height >> 800)) {
于 2011-09-20T11:47:14.110 に答える
0

あなたが試すことができます：

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

});
于 2011-08-10T11:53:23.083 に答える
0

問題の一部は、各ドラッグの各瞬間にスクリプトが起動することだと思います。

イベントが何度も繰り返されないように、遅延を追加することを検討してください。

これを参照してください: JavaScript/JQuery: $(window).resize how to fire AFTER AFTER the resize is completed?

于 2011-08-10T11:57:23.307 に答える