jQuery窗口调整大小并小于特定宽度

function

https://jsfiddle.net/j6nermyL/9/

$(document).ready(function() {
    checkWidth();
});
$(window).on("resize", function(){
    checkWidth();
});


function checkWidth(){
    $vWidth = $(window).width();
    $('#test').html($vWidth);

    //Check condition for screen width
    if($vWidth < 700){
         $('#msg').html("Width: Less than 700");
    }else{
         $('#msg').html("Width: More than 700");
    }
}

示例HTML代码:

<div id="test">Test</div>
<br>
<div id="msg"></div>

• 我修改了检查条件。
• $(window)

• jQuery Ready event
• API documentation for .ready()

$( window ).load(function() {
  // Run code
});

在调整大小时尝试

$(window).on("resize", function(event){
  $vWidth = $(this).width();
  $('#test').html($vWidth)
});

$(window).width() < 700 方法内部

load

试试这个:

$(window).on("resize", function(event){
  $vWidth = $(this).width();
  $('#test').html($vWidth)
});

$(window).on("load", function(event){
  $vWidth = $(this).width();
  $('#test').html($vWidth)
});

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