javascript - Trouble with jQuery resize function

Question

I am creating a jQuery function which, on window resize, performs the following task:

If window width increases, call profdisplayer function. If window width decreases call profhider function.

I don't know what is wrong with this and how to resolve this.

 $(window).on('resize', function(event){
    var awidth = $(window).width();
    var bwidth=0;
    if (awidth>bwidth)
        {   profdisplayer();
            bwidth = awidth;
        }
    if (bwidth>awidth)
    {
        profhider();
        bwidth=awidth;
        }
    });

Answer 1

You have to initialize bwidth the first time the page loads, in the document ready event. And don't forget to remove the bwidth declaration from the function.

var bwidth = $(window).width();

Answer 2

而不是在 resize 事件中声明 bwidth 在外部/全局声明它

var bwidth = 0;
$(window).on('resize', function(event){
    var awidth = $(window).width();
    if (awidth>bwidth)
        {   profdisplayer();
            bwidth = awidth;
        }
    if (bwidth>awidth)
    {
        profhider();
        bwidth=awidth;
        }
    });

Answer 3

if (awidth>bwidth) // all time false

if (awidth>bwidth) // all time false

Your function does nothing.