JSFiddle - React, Tailwind, and code Playground

by olli

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Test</title>
    </head>
    <body>
        <div id="mypage" data-role="page">
            <div data-role="header">
                <h1>
                    Add New List
                </h1>
            </div>
            <div data-role="content">
                <a data-role="button" id="addNewItem">Add New List</a><br/>
                <div id="list_container" />
            </div>
        </div>
    </body>
</html>

JavaScript

$('#mypage').live('pagecreate', function(event) {
    console.log('hello');
    $('#addNewItem').bind('click', function(event) {
        console.log('hello');
        $('#list_container').append($('<ul data-role="listview"><li>Entry 1</li></ul>'));
        $('#list_container').trigger('create');
    });
});