小编Jga*_*mel的帖子

我有一个关于我正在研究的关于检测窗口调整大小的网站的问题.我知道这已经在前面讨论过了,我已经阅读了很多讨论,但却无法让它发挥作用.我只是在学习jquery.

 $(function(){
    var viewPortWidth = $(window).width();
    if (viewPortWidth > 1900)
    {
       $('#mainbio, #footerlinks').addClass('extraWide')
    }
    else if (viewPortWidth > 1400)
    {
       $('#mainbio, #footerlinks').addClass('wide')
    }
    else if (viewPortWidth > 1000) 
    {
       $('#mainbio, #footerlinks').addClass('standard')
    }
    else if (viewPortWidth > 700)
    {
       $('#mainbio, #footerlinks, #twitter, #facebook, #flickr,   #lastfm').addClass('narrow')
    }
    else 
    {
       $('#mainbio, #footerlinks, #twitter, #facebook, #flickr, #lastfm').addClass('extraNarrow')
    }
 });

这是我到目前为止,它工作正常,但只在初始加载.我想知道是否有人可以帮助我调整它以便它可以动态工作 - 所以我可以看到更改,如果我手动调整我的浏览器,而不刷新？

谢谢!