0

.resize()を使用して jQuery でページ上の CSS ファイルを変更しようとしています。

私はそれを理解しようと数時間を費やしましたが、今は助けが必要です.

$(document).ready(function(){
    $(window).resize(function(){
        var w = $(window).width();
        if(w < '640px')
        {
            $('#pcss').attr('href', 'css/pagestyle640.css');
        }
        else if(w > '640px')
        {
            $('#pcss').attr('href', 'css/pagestyle.css');
        }
    });
});
4

2 に答える 2

0

使用したいのはMedia Queriesです。これらすべては、JavaScript を 1 行も書かずに行うことができます。

次のようなスタイルシートを追加できます。

<link rel="stylesheet" media="screen and (max-width: 640px)" />

これは、画面が 640px よりも狭い場合にのみ適用されます。

レガシー ブラウザのサポートについては、次のポリフィルを使用できます: https://github.com/scottjehl/Respond また、非常に素晴らしくシンプルなデモ ページもあります。

于 2013-04-18T20:10:05.020 に答える