JSFiddle - React, Tailwind, and code Playground

by Justin Hale

HTML

<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>
    <form method="post" action="DefaultISH.aspx" id="form1">
        <div class="aspNetHidden">
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="4EnuYy9ZFywlC+oaJr2v2oPQadQ7FHoReAVHzeLgoqAXblfNU5Uy8ISp5qhWi2cos5Enm8R15rCxDG+lInbKLS7mWKeYRIqRnbKnaL9DTgI=" />
        </div>
        <div id="index" data-role="page">
            <p>Dos eat oats.</p>
        </div>
    </form>
    <script>
        $(document).on("pageshow", "#index", function() {
            alert("I come from the foo down bar.");
            $(document).on("tap click vclick", "p", function() {
                alert("Where rivers foo and bar thunder!");
                $(this).hide();
            });
        });
    </script>
    <!-- Visual Studio Browser Link -->
    <script type="application/json" id="__browserLink_initializationData">
        {
            "appName": "Firefox",
            "requestId": "f289641cc89a4308a680035cd13fb908"
        }
    </script>
    <script type="text/javascript" src="http://localhost:50293/91b671a7150345b7859822835d8e2556/browserLink" async="async"></script>
    <!-- End Browser Link -->
</body>

JavaScript

$(document).on("pagecreate", "#index", function () {
    alert("I come from the foo down bar.");
    $(document).on("tap click", "div", function () {
        alert("Where rivers foo and bar thunder!");
        $(this).hide();
    });
});