根据屏幕大小激活和删除jQuery Mobile listview

我希望仅当屏幕宽度低于某个值（比如480px）时，才能够使用jQuery Mobile“ListView”格式。如果屏幕更大，它会显示常规的html列表（我会用自己的css设置样式）

我很接近，但我遇到的问题是，我的代码只在一个页面上工作

看我的小提琴： 在不到480的时间内拖动预览窗口，可以看到常规列表变成JQM列表。将其恢复到大于480，并恢复到常规状态。。。但是它不再起作用了。我希望能够来回移动，每次都能更改列表

这是我的密码：

// fire if window is 480 or less on load
    var windowsize = $(window).width();
        if (windowsize <= 480) {
            $("ul").listview();

        }

 // change on screen resize (in theory)   
    $(window).resize(function () {
        var windowsize = $(window).width();
        if (windowsize <= 480) {
            $("ul").listview();

        }

        if (windowsize > 480) {
            $("ul").removeClass("ui-listview");
            $("li").removeClass("ui-li ui-li-static ui-btn-up-c");
        }


    });

//如果车窗负载小于等于480，则点火
var windowsize=$（window.width（）；
如果（windowsize Nevermind-css@media）查询获胜：将问题放在标题中。