jQuery Window Width else if statement

后端 未结 3 1890
天涯浪人
天涯浪人 2021-02-04 21:16

I am wondering why my last else if statement never gets executed. I am trying to do this:

$(document).ready(function() {
    function checkWidth() {
        var          


        
3条回答
  •  心在旅途
    2021-02-04 22:13

    You're missing a greater than sign :

    else if (windowSize = 720
    

    and using just the equal sign ?

    Try this instead:

    $(document).ready(function() {
        function checkWidth() {
            var windowSize = $(window).width();
    
            if (windowSize < 480) {
                console.log("screen width is less than 480");
            }
            else if (windowSize < 720) {
                console.log("screen width is less than 720 but greater than or equal to 480");
            }
            else if (windowSize < 960) {
                console.log("screen width is less than 960 but greater than or equal to 720");
            }
            else {
                console.log("screen width is greater than or equal to 960");
            }
        }
    
        // Execute on load
        checkWidth();
        // Bind event listener
        $(window).resize(checkWidth);
    });​
    

    FIDDLE

提交回复
热议问题