jquerymobile pageinit()页面是否隐藏？

Question

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

在pageinit()上被调用对我来说显示为null。有人知道从JQM开始访问元素height的合适处理程序吗？(因为我需要在显示元素时运行height() )

谢谢。

Answer 1

嘿，我刚刚发现这里的实际问题是，在调用页面显示处理程序(它在pageinit之后运行)之前，元素似乎没有height()。

因此，使用该处理程序来运行任何基于获取现有高度等事件

Answer 2

如果您想要引用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内置的内容)：http://jquerymobile.com/demos/1.0rc2/docs/api/methods.html