Question

当屏幕小于992px时如何添加脚本，我想添加它。这就是例证。

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"; 
    } 
}

Answer 1

这应该这样做

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

Answer 2

如果你想对窗口大小的变化作出反应，你应该使用这样的jquery来处理resize对象的window事件：

$(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>

如果用户设备屏幕很小，请添加JavaScript

2 个答案: