JSFiddle - React, Tailwind, and code Playground

by Ohpyx

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css">
<script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>
<div data-role="page">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <a href="#popupBasic" data-rel="popup" data-role="button">Open Popup</a>
        
        <div data-role="popup" id="popupBasic">
            <p>This is a completely basic popup, no options set.<p>
        </div>

                
         
             
                
                
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->

JavaScript

$(document).live('pageinit', function(event) {
    //alert('Hacking');
    $('[data-role=content]').append('<a href="#" data-role="button">GI</a>');
    $('[data-role=content]').trigger('create');
})