| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Event Logger</title>
- <link rel="stylesheet" href="../../jquery.mobile-1.0.1.min.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../jquery.js"></script>
- <script src="../../jquery.mobile-1.0.1.min.js"></script>
-
- <script>
- $(function(){
- $( "a" ).bind("tap click",function( e ){
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"</li>")
- .listview("refresh");
- return false;
- })
- .bind("tap click", false);
- });
- </script>
-
- <style>
- #jqm-home {
- height: 500px;
- }
- </style>
- </head>
- <body>
- <div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Event Logger</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <a href="foo.html" data-role="button">Click me</a>
-
- <ul data-role="listview" id="log">
-
- </ul>
- </div>
- </div>
- </body>
- </html>
|
