画面幅が<480で、JavaScriptが> 480より大きい場合はJavaScriptが実行されません。

Question

こんにちは、私はこの小さな本当に簡単なスクリプトを持っていますが、私はjsの開発者ではないと私はこの問題を解決する方法を知らない。私はバーボンを使用していて、自分のサイトのフロントエンドにきちんとしています。私がバーボンの詰め替えから取ったこの折りたたみスクリプトを使いたいときは、1ページあります。私の質問は、画面の幅が480ピクセルよりも小さくない場合にのみ、このスクリプトを動作させる方法です。このスクリプトを実行しないでください。

HTMLコード

<div class="expander"> 
    <a href="javascript:void(0)" class="expander-trigger expander-hidden">Expandable section</a> 
    <div class="expander-content"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio mollitia fugiat facilis enim accusamus quisquam aut, repellendus incidunt quod optio facere labore illo numquam ipsum beatae vero debitis, fugit excepturi.</p> 
    </div> 
</div> 

のJavaScriptコード

$(document).ready(function() { 
    $('.expander-trigger').click(function(){ 
    $(this).toggleClass("expander-hidden"); 
    }); 
}); 

Answer 1

$(document).ready(function() { 
    $('.expander-trigger').click(function(){ 
    if($(window).width() < 480) { // check width of window 
     $(this).toggleClass("expander-hidden"); 
    } 
    }); 
}); 

EDIT：コメントあたりの議論として 、これはあなたが

$(document).on('resize', function() { 
    if($(window).width() < 480) { // check width of window 
     //document smaller than 480 
    } else { 
     //document larger than 480 
    } 
});