Tuesday, March 4, 2014

jQuery Mobile blank app with dummy CSS / JavaScript sections

Code below could be used as template for kick-start application.

Code:


<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>My Blank JS / jQuery app - demo</title>
 
  <script type='text/javascript' src='http://code.jquery.com/jquery-latest.js'></script>
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">
      <script type='text/javascript' src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
      <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
     
  <style type='text/css'>
   
  </style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
    $("#add").bind("click", function(event) {
        alert('clicked');
    }); 

});//]]> 

</script>


</head>
<body>
  <div data-role="page" id="p1">
    <div  data-role="header"><h1>Header</h1></div>
   
    <div  data-role="content">
        <a href="#" id="add" data-role="button">Click Me</a>
    </div>
   
    <div  data-role="footer"><h4>Footer</h4></div>
</div>

 
</body>
</html>

No comments:

Post a Comment