jQuery调整大小函数的问题

Trouble with jQuery resize function

本文关键字：问题 函数 调整 jQuery      更新时间：2023-09-26

我正在创建一个jQuery函数，该函数在窗口大小调整时执行以下任务：

如果窗口宽度增加，请调用profdisplayer函数。 如果窗口宽度减小，则调用profhider函数。

我不知道这有什么问题以及如何解决这个问题。

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

而不是在调整大小事件中声明宽度，而是在外部/全局声明它 

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

第一次加载页面时初始化 bwidth，在文档就绪事件中。并且不要忘记从函数中删除宽度声明。

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

if (awidth>bwidth) // all time false
if (awidth>bwidth) // all time false

您的函数不执行任何操作。

相关文章：