jQM - Prev page ID

by Dragan Gaić

HTML

<script src="http://coolcarousels.frebsite.nl/js/jquery.carouFredSel.js"></script>
<link rel="stylesheet" href="http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/jquery.ui.datepicker.mobile.css">
<script src="http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/jQuery.ui.datepicker.js"></script>
<script src="http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/jquery.ui.datepicker.mobile.js"></script>
<script src="https://raw.github.com/timrwood/moment/1.7.2/min/moment.min.js"></script>
<!DOCTYPE html>
<html>
<head>
    <title>jQM Demo 1</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="page1">
    
        <div data-role="header">
            <h1>Page 1</h1>
            <a data-role="button" data-transition="none" data-theme="a" href="#page2" class="ui-btn-right">Next</a>
        </div>
    
        <div data-role="content">
           Page 1            
        </div>
    
        <div data-role="footer">
        
        </div>
    </div>
    <div data-role="page" id="page2">
    
        <div data-role="header">
            <a class="ui-btn-left" data-icon="arrow-l" href="javascript:history.back(1) " data-theme="a">Back</a>                   
            <h1>Page 2</h1>
        </div>
    
        <div data-role="content">
           Page 2           
        </div>
    
        <div data-role="footer">
        
        </div>
    </div>    
    <script>
    
    </script>
</body>
</html>

JavaScript

$('#page2').live('pagebeforeshow', function (e, data) {
    alert(data.prevPage.attr('id'));
});