JSFiddle - React, Tailwind, and code Playground

by sidouglas

HTML

<link rel="stylesheet" href="http://demos.jquerymobile.com/1.4.2/css/themes/default/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<body class="ui-page-theme-a">
<section data-role="page" id="home"  data-external-page="false">

    <div role="main" class="ui-content ab_content">
			Page 1
        <a href="#page2">Go to page 2</a>
    </div><!-- /content -->

</section><!-- /page -->

<section data-role="page" id="page2"  data-external-page="false">

    <div role="main" class="ui-content ab_content">
			Page 2
                <a href="#home">Go to page 1</a>
    </div><!-- /content -->

</section><!-- /page -->
</body>

JavaScript

$( document ).on( "pagecreate", "#home", function() {
  
    setTimeout( createFakeContent,5000);
});


function createFakeContent(){
    var $main = $('.ab_content');
    var img = "<img src='http://vietnamconsulate.org.au/vnimages/610416-Sydney%20Travel.jpg' width='315' height='236'>";
 
    $main.append( img );
    
}