Question

我一直在谷歌搜索这几天，虽然有许多类似的线程，答案仍然没有找到我。我把问题归结为：

<div data-role="header" data-id="myHeader" data-theme="none" data-position="fixed">
        <img src="images/my1200x150logo.jpg"/>
</div><!-- /header -->

<div data-role="content">
    <p>Content line 1</p>
    <p>Content line 2</p>
    <p>Content line 3</p>
    <p>Content line 4</p>
    <p>Content line 5</p>
</div><!-- /content -->

<div data-role="footer" data-id="myFooter" data-theme="c" data-position="fixed"> 
  <h4>My footer</h4>
</div><!-- /footer -->

我正在尝试使用徽标图像调整大小以适应页面来实现RWD效果。除了初始页面加载之外，这一切都很有效，它在jqm updatePagePadding例程中将padding-top设置为零，导致内容在图像下方向上流动。

我知道图像在js运行后加载数小时，这是一个常见问题。任何事件（如页面调整大小）都会导致填充正确更新。

所以我的问题是，在我的图片完成加载后，如何强制JQM调用updatePagePadding ？

Answer 1

Jquery pageshow活动？ link to the API

基本上jquery会在页面加载后触发一个事件，元素就绪，你可以等待那个事件，然后调用你的函数，例如：

$("#pageID").on("pageshow",function(){
   updatePagePadding();
});

另请查看此内容以获取有关哪些事件绑定到每个jquery移动页面的完整参考，page widget API

jquery mobile 1.3.1 padding-top在初始页面加载时错误计算

1 个答案: