JSFiddle - React, Tailwind, and code Playground

by dhavaln

HTML

<html>
<head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
    </script>
    <script type="text/javascript">
           $('#home').live('pageinit',function(){
        console.log("pageinit called");
   $('#test').hide();
        console.log("hide done");
        
    (function() { 
        alert('test1');
    })();

    $('#button').click(function(event) {
        event.preventDefault();
    });
    console.log("button clicked handled");        
});

$('#home').live('pageshow',function(){
    alert('test3');
});
    </script>
</head>
<body>
<div data-role="page" id="home"> 
    <div  data-role="header"><h1>Home</h1></div> 
    
    <div  data-role="content">
        Data here
    </div> 
</div> 
</body>
</html>