javascript - 如何在页面调整大小时刷新我的 jQuery Mobile 样式？

Question

我有一个使用 jQuery Mobile 的响应式网站。

在特定尺寸下，我通过显示高分辨率页眉并隐藏低分辨率页眉来交换页眉和页脚(从类似移动设备的外观和感觉转变为更传统的设计)。

我面临的问题是 JQM 的样式似乎不适用于隐藏的元素，所以当我调整屏幕尺寸时，样式全乱了。

我试过了...

       $(window).on('resize', function() {
           $.mobile.activePage.trigger('create');
       });

这似乎根本没有做任何事情。通过搜索我看到的所有示例，我提到了刷新或触发特定元素，但我正在寻找更宽的页面以允许我正确使用我的媒体查询。

Answer 1

它根本不执行任何操作，因为您正在使用不正确的参数调用触发器。

应该是:

$(window).on('resize', function() {
    $.mobile.activePage.trigger('pagecreate');
});

Create 只会增强页面内容，pagecreate 会增强页眉、内容和页脚。pagecreate p>

工作示例:http://jsfiddle.net/Gajotres/PMrDn/52/