jQuery Mobile window.resize() on data-role="page" 加载

Question

我在 jQuery Mobile 中使用 jQuery Lazy Load，它需要 1px 滚动来触发第一个图像加载。 $(window).resize(); 工作得很好，但它只是在网站加载时触发。

jQuery mobile 使用包含data-role="page" 的div 而不是单独的页面。所以移动网站本质上是一个页面。

每次加载新的data-role="page" 时如何触发$(window).resize();？

Answer 1

将您的代码绑定到pageshow 事件。

$(document).on('pageshow', '[data-role=page]', function () { 
 $(window).resize();
});