jquerymobile pageinit（）页面隐藏？

Question

var $page = el.parents('div[data-role="page"]:visible');

在pageinit()上调用对我来说显示为空。有没有人知道从JQM访问元素高度的适当处理程序？ （因为我需要在显示元素时运行height（））

感谢。

Answer 1

如果您想在jQuery Mobile中引用当前显示的页面，则会有$.mobile.activePage属性。它存储当前页面的jQuery对象。

所以要获得当前<div data-role="page">元素的高度：

var the_height = $.mobile.activePage.height();

或者您可以获得<div data-role="content">部分的高度：

var the_height = $.mobile.activePage.children('[data-role="content"]').height();

这是关于此文档的页面的链接（但是此属性几乎没有信息，您可能仍希望浏览页面以查看jQuery Mobile内置的内容）：http://jquerymobile.com/demos/1.0rc2/docs/api/methods.html < / p>

Answer 2

嘿我刚刚发现这里的实际问题是，在调用pageshow处理程序（在pageinit之后运行）之前，元素似乎没有高度（）

所以使用该处理程序根据抓取现有高度等运行任何事件