jQuery调整大小功能的麻烦

时间:2013-10-20 13:41:05

标签: javascript jquery

我正在创建一个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;
        }
    });

3 个答案:

答案 0 :(得分:1)

您必须在文档就绪事件中首次加载页面时初始化bwidth。 并且不要忘记从函数中删除bwidth声明。

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

答案 1 :(得分:1)

而不是在resize事件中声明bwidth而不是声明它在/ global

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

答案 2 :(得分:0)

if (awidth>bwidth) // all time false

if (awidth>bwidth) // all time false

你的功能什么也没做。