如果用戶設備屏幕較小，請添加JavaScript

-1

如何在屏幕小於992px時添加腳本，並且我想添加此功能。這是插圖。如果用戶設備屏幕較小，請添加JavaScript

if ($(window).width() < 992px) {  
    var today = new Date(); 
    var hourNow = today.getHours(); 
    var greeting; 

    if (hourNow >= 0) { 
     greeting = "Good Morning"; 
    } 

    else if (hourNow >= 18) { 
     greeting = "Good Evening"; 
    } 

    else { 
     greeting = "Welcome"; 
    } 
}

來源

2016-07-08 Richard Hammond

什麼是y你的意思是「添加JavaScript」？順便說一句，調用'$（window）.width（）'你會得到一個數字，所以與'992px'比較是無效的代碼。 – xxxmatko

我的代碼適合你嗎？ – xxxmatko

這應該這樣做

if (window.innerWidth < 992){ 
    // Code here 
}

來源

2016-07-08 06:58:16

如果你想窗口大小的變化作出反應，你應該處理resize事件window對象，使用jQuery這樣的：

$(window).resize(function() { 
 
    var w = $(this).width(); 
 
    // Check the window width 
 
    if(w < 400) { 
 
    $("#output").get(0).innerHTML = "Device screen is small."; 
 
    } 
 
    else { 
 
    $("#output").get(0).innerHTML = "Device screen is large."; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="output"></div>

來源

2016-07-08 07:04:04 xxxmatko

如果用戶設備屏幕較小，請添加JavaScript

回答

相關問題