Dynamically Load PAGE()

by bizamajig

HTML

<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css">
    <div data-role="page">
    
        <div data-role="header">
            <h1>A List View</h1>
        </div> 
        
        <div data-role="content">

        </div> 
        
    </div>

JavaScript

var list_html = '\
    <ul data-role="listview">\
        <li><a href="link.html">First Entry</a></li>\
        <li><a href="link.html">Second Entry</a></li>\
        <li><a href="link.html">Third Entry</a></li>\
    </ul>\
';
                    
$('div[data-role=content]').html(list_html).page();