1

現在のページ幅に基づいて、特定のスタイルをページに追加しようとしています。これをライブで機能させたい。例えば、iPhoneで閲覧し、既に読み込まれているページを閲覧中に画面を回転させるとcssが変化します。また、理想的にはモバイル jquery ライブラリを使用したいと考えています。助けてくれてありがとう。これは私がこれまでに持っていたもので、うまくいかないようです。LiveQueryも使用してみましたが、どちらもうまくいきませんでした

$(function() {
    $(document).live('css_init', function() {
           if (($(window).width()) > 430) {
                $('#main_panels .next').addClass("next-wide");
                $('#main_panels .prev').addClass("prev-wide");

           };
       });
       $(document).trigger('css_init');
});
4

3 に答える 3

6

今すぐ停止し、すべてを選択して、キーボードのバックスペース/削除キーを押してください。

その恐ろしさが薄れた今、 Media Queriesを紹介しましょう。これは、最新のすべてのモバイル デバイスで完全にサポートされています (つまり、WAP ポータルではなく、完全な Web ブラウザーを備えたもの)。また、最新のデスクトップ ブラウザですでに広くサポートされています。唯一の例外は IE<9 であり、そのためにRespond.jsがあります。

さあ、Web 標準の栄光に浸りましょう。

于 2012-02-10T22:02:29.923 に答える
0

CSS メディア クエリは、javascript なしで必要なことを行う必要があります。

次のようなことを試してください:

<link rel='stylesheet' media='screen and (orientation:landscape)' href='css/landscape.css' />

いくつかのハード解像度制約を追加したい場合がありますが、それは簡単です。

http://css-tricks.com/css-media-queries/

于 2012-02-10T22:05:20.263 に答える
0

jquery resize イベントリスナーを使用できますか?

myFunction() {
    var w = $(window).width();
    if (w > 430){
        // do stuff
    };
}
$(window).resize(function(){
    myFunction();
}
于 2012-02-10T22:03:18.230 に答える