jquery - jQuery .width() 条件付き常に IE でトリガー

Question

ビューポートのサイズが特定のパラメーター内に収まるたびにモバイルバージョンに切り替えるクライアントサイトがあります。

if($(window).width() < 800) {
    document.location="http://www.website.com/mobile.html";
}

ただし、IE のさまざまなバージョンでは、スクリプトはビューポートの幅に関係なく常にトリガーされます。さまざまなバリエーションを試しましたが、うまく機能しないようです。

どんな助けでも大歓迎です。

ありがとう、

タイ

score 1 · Accepted Answer

次のコードを使用します。

if($(window).outerWidth() < 800) {
    window.location.href = "http://www.website.com/mobile.html";
}

score 1 · Accepted Answer

のようにしてみてください

if($(window).width() < 800) {
    document.location("http://www.website.com/mobile.html");
}

またはあなたが使用することができます

if($(window).width() < 800) {
    window.location.href = "http://www.website.com/mobile.html";  
}

のように幅を計算してみてください

if(document.body.clientWidth < 800){   //Or document.documentElement.clientWidth
     redirect it
}

score 1 · Accepted Answer

screen.width画面の実際のサイズをチェックするため、ウィンドウのサイズが変更されたデスクトップをリダイレクトしませんjQuery。

window.location.replace()また、リダイレクトページでブラウザの履歴が汚染されるのを避けるためにも使用します。

if(screen.width < 800) {
    window.location.replace("http://www.website.com/mobile.html");
}

score 0 · Accepted Answer

解決策は次のとおりです。

if($(document).width() < 800) {
    document.location="http://www.website.com/mobile.html";
}

score 0 · Accepted Answer

試す

if($(window).outerWidth() < 800) {
    document.location="http://www.website.com/mobile.html";
}

5 に答える 5