如何在JQuery Mobile中識別頁面？

我有一個由多個頁面組成的模板（data-role =「page」）。如何在JQuery Mobile中識別頁面？

另外我有數據應該由腳本生成。生成的數據取決於頁面，其中腳本啓動。

如何獲取頁面ID或其他與事件有關的獨特信息？

我試過pageshow事件，但我不能得到頁面id。

謝謝。

來源

2013-01-22 Zmey Petrov

下面是一個工作示例：http://jsfiddle.net/Gajotres/ecXuk/

也看看我的類似問題的其他文章：https://stackoverflow.com/a/14010308/1848600

這裏有一個代碼示例：

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQM Complex Demo</title> 
    <meta name="viewport" content="width=device-width"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
</head> 
<body> 
    <div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#second" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 
      <a href="#" data-role="button" id="test-button">Test button</a> 
     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
    <div data-role="page" id="second"> 
     <div data-theme="a" data-role="header"> 
      <a href="#index" class="ui-btn-left">Back</a>    
      <h3> 
       Second Page 
      </h3> 
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
</body> 
</html>

和JS部分：

$('#index').live('pagebeforeshow',function(e,data){  
    alert('Index Page'); 
}); 

$("#second").live('pagebeforeshow', function() { 
    alert('Second Page'); 
});

來源

2013-01-22 09:43:02 Gajotres

謝謝，它幫助了很多 –

如何在JQuery Mobile中識別頁面？

回答

相關問題