窗口寬度僅在調整視口大小時顯示，而不是加載 - jquery

嘗試在頁面加載和調整瀏覽器窗口大小時獲取視口寬度。出於某種原因，頁面加載時不會輸出寬度。任何想法是什麼問題和/或如何解決？窗口寬度僅在調整視口大小時顯示，而不是加載 - jquery

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);

來源

2016-12-30 frshjb373

不需要,作爲分隔符。按空間分隔將起作用。請參考此link更多，情報

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

來源

2016-12-30 15:11:10 brk

拋出控制檯日誌錯誤，'未捕獲的語法錯誤：爭吵後失蹤）list' – frshjb373

@ frshjb373這是工作精細檢查這個[的jsfiddle（https://jsfiddle.net/gsm6pwyL/） – brk

燁...做了修復，並根據您的建議工作。 – frshjb373

我猜你是在調用這個函數內一個準備功能，在這種情況下，窗口已經加載等窗口load事件已經被調用。

在該點附加加載事件處理程序將永遠不會被調用。

來源

2016-12-30 15:21:56

窗口寬度僅在調整視口大小時顯示，而不是加載 - jquery

回答

相關問題