pagebeforechange - jQuery Mobile

Conditional data.toPage

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
    $(document).on("mobileinit", function() {
        $.mobile.page.prototype.options.addBackBtn = true;
        $.mobile.page.prototype.options.backBtnText = "Back";
    });
</script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>
    var condition = 0;
    $(document).on("pagebeforechange", function(e, data) {
        var to_page = data.toPage[0].id;
        if (to_page == "myPage" && condition == 0) {
            $.mobile.changePage("#p3", {
                transition: "flip"
            });
            e.preventDefault();
        }
    });
</script>
<div data-role="page" id="p1">
    <div data-role="header">
         <h1>Page1</h1>

    </div> <a href="#myPage" data-role="button" data-inline="true" data-icon="bars">Go to page 2</a>

</div>
<div data-role="page" id="myPage">
    <div data-role="header">
         <h1>Page2</h1>

    </div>
</div>
<div data-role="page" id="p3">
    <div data-role="header">
         <h1>Page3</h1>

    </div>
</div>