0

誰かが 700px より小さいデバイスで Web サイトにアクセスしたときにクラスを削除しようとして<a> います。以下のコードは、ブラウザが 700px より大きい場合に機能し、サイズを 700 未満に変更します。ただし、ブラウザがすでに 700px 未満の場合クラスのままの電話。

前もって感謝します。

$(function(){
        $(window).bind("resize",function(){
            console.log($(this).width())
            if($(this).width() <700){
            $('a').removeClass('element')
            }
            else{
            $('a').addClass('element')
            }
        })
        })
4

2 に答える 2

1

ページがロードされたときにイベントを手動でトリガーする必要があります

$(function () {
    $(window).resize(function () {
        console.log($(this).width())
        if ($(this).width() < 700) {
            $('a').removeClass('element')
        } else {
            $('a').addClass('element')
        }
    }).resize();//trigger the event manually when the page is loaded
})
于 2013-11-14T05:59:23.353 に答える