JSFiddle - React, Tailwind, and code Playground

by ryanttb

HTML

<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.css">
<div id="page1" data-role="page">
    <p>Page 1</p>
    <ul>
        <li><a href="#page2">to page 2...</a></li>
    </ul>
</div>
<div id="page2" data-role="page">
    <p>Page 2</p>
    <ul>
        <li><a href="#page3">to page 3...</a>(page2.pageshow triggers when you come back)</li>
        <li><a href="about:blank" rel="external">to blank...</a>(page2.pageshow DOES NOT trigger when you come back on Android)</li>
    </ul>
</div>
<div id="page3" data-role="page">
    <p>Page 3</p>
</div>

JavaScript

$("body").delegate("#page2", "pageshow", function() {
    alert("page2 show");
});