jquery-load-json
Version:
jQuery plugin that enables developers to load JSON data from the server and load JSON object into the DOM.
39 lines (33 loc) • 1.11 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact List - jQuery Mobile List</title>
<link rel="stylesheet" href="media/jquery.mobile-1.0.1.min.css" />
<link rel="apple-touch-icon" href="mobile/contacts/images/dave.png" />
<link rel="apple-touch-startup-image" href="mobile/contacts/images/dental-affiliate.png">
<script src="media/jquery-1.6.4.min.js"></script>
<script src="media/jquery.mobile-1.0.1.min.js"></script>
<script src="media/jquery.loadJSON.js"></script>
<script language="javascript" type="text/javascript">
$( '#listpage' ).live( 'pageinit',function(event){
$('li').loadJSON('list.js');
});
</script>
</head>
<body>
<div id="listpage" data-role="page">
<div data-role="header">
<h1>My Contacts</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li>
<a href="details.html" data-ajax="false" class="ID"><span id="Name" class="Name"></span></a>
</li>
</ul>
</div>
</div><!-- /page -->
</body>
</html>