如何获取jquery mobile中显示的Page的“id”

时间:2012-04-20 08:23:29

标签: javascript html5 jquery-mobile

我在html中有各种各样的页面

<body onload="init()">

<div data-role="page" id="home">
<div data-role="header">
<h1>Here is the index page.</h1>
</div>

<div data-role="content">
<p><center>Below you may transition to our other pages.</center></p>

<a href="#about" data-ajax="false" data-role="button" data-inline="true">About  Me</a>
</div>
</div>

<div data-role="page" id="about">
<div data-role="header">
<h1>About Us</h1>
</div>

<div data-role="content">
<a href="#home" data-ajax="false" data-role="button" data-inline="true">Back Home</a>
</div>
</div>
</body>

现在我需要获取当前显示的页面的ID ...如何做?

2 个答案:

答案 0 :(得分:3)

您是否尝试过:$.mobile.activePage.attr('id')

答案 1 :(得分:0)

其中任何一个:

$('div:jqmData(role="page").ui-page-active').attr('id');

$('.ui-page-active').attr('id');

也应该这样做。