ウィンドウの幅は、ロード時ではなくビューポートのサイズ変更時にのみ表示されます。

Question

ページロード時およびブラウザウィンドウのサイズ変更時にビューポート幅を取得しようとしています。何らかの理由で、ページの読み込み時に幅が出力されていません。問題が何であるか、そして/または解決する方法を知っていますか？

function mobileViewUpdate() { 
    var viewportWidth = $(window).width(); 
    console.log(viewportWidth); 
    if (viewportWidth > 776) { 
     $("area[data-toggle]").click(function(e) { 
      e.preventDefault(); // prevent navigating 
      var selector = $(this).data("toggle"); // get corresponding element 
      $(".detail-box").hide(); 
      $(".detail-box"+selector).show().addClass('animated fadeIn'); 
     }); 
    } 
} 

$(window).on('load, resize', mobileViewUpdate); 

Answer 1

セパレータとして,の必要はありません。スペースで区切ることができます。私はあなたが、その場合には、ウィンドウがすでにロードされているので、ウィンドウのloadイベントが既に呼ばれている、レディ機能以内にこの機能を呼び出している推測よりinformaton

$(window).on('load resize', mobileViewUpdate); 

Answer 2

このlinkを参照してください。

その時点でロードイベントハンドラをアタッチすることはありません。コンソールログのエラー、 `キャッチされないでSyntaxErrorスロー