JQM 1.1 Final

by codaniel

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css">
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<div data-role="page">
    <header data-role="header" data-position="fixed"> <h1>Header</h1></header>
        <div data-role="content" class="content">
            <a data-role="button" id="dialogBtn">Append Stuff</a>
            <div id="target"></div>
        </div>
    <footer data-role="footer" data-position="fixed"><h1>Footer</h1></footer>
</div>
<div data-role="dialog" id="dialog">
    <div data-role="header"><h1>Header</h1></div>
    <div data-role="content">
        
    </div>
</div>

JavaScript

$(document).on('click','#dialogBtn',function(){
   $('#target')
       .append('<input type="range" />')
       .append('<div data-role="fieldcontain">')
       .append('<input type="text" />')
       .append('</div>');
   $(".ui-page").trigger( "create" );
});