数据角色 ="page"加载上的 jQuery Mobile window.resize()

Question

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

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

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

Answer 1

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

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