如何重用jquery函数

时间:2012-06-13 09:37:15

标签: javascript jquery

  

可能重复:
  JQuery: $(window).resize() doesn't work on Load

我有以下jQuery函数。我想用它两次。一旦窗口调整大小,再次在页面加载,而不必重复自己。我已经尝试了以下功能,它可以调整浏览器窗口的大小,但是当我尝试在页面加载时再次运行时,该功能无效。

 window.onresize = function resize(event) {
    if(window.innerWidth < 620 ){
        $('#secondaryNav').hide();
        $('#search form').prependTo('div.content');
    } else{
        $('#secondaryNav').show();
        $('.content form').appendTo('#search');
    }

}

window.onload =  resize(event);

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:4)

function resize(event) {
    if(window.innerWidth < 620 ){
        $('#secondaryNav').hide();
        $('#search form').prependTo('div.content');
    } else{
        $('#secondaryNav').show();
        $('.content form').appendTo('#search');
    }

}

window.onresize = resize:

window.onload = resize;