4 <meta charset="utf-8" />
5 <title>jQuery Mobile: Grid Layout</title>
6 <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
7 <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
8 <script src="../../js/jquery.tag.inserter.js"></script>
9 <script src="../../js/jquery.js"></script>
10 <script src="../../docs/_assets/js/jqm-docs.js"></script>
11 <script src="../../js/"></script>
15 $(".ui-grid-d a").bind("tap click", function(e){
18 .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"; message: grid '"+$(this).text()+"' hidden</li>")
21 }).bind("tap click", false);
22 $("#showbtn").bind("tap click", function(e){
23 $(".ui-grid-d a").show();
25 .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"; message: show all buttons</li>")
27 }).bind("tap click", false);
32 <div data-role="page" data-theme="b" id="jqm-home">
33 <div data-role="header">
37 <div data-role="content">
38 <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
40 <div class="ui-grid-d">
41 <div class="ui-block-a">
42 <a data-role="button" id="btn1" data-theme="b">Button 1</a>
44 <div class="ui-block-b">
45 <a data-role="button" id="btn2" data-theme="b">Button 2</a>
47 <div class="ui-block-c">
48 <a data-role="button" id="btn3" data-theme="b">Button 3</a>
50 <div class="ui-block-d">
51 <a data-role="button" id="btn4" data-theme="b">Button 4</a>
53 <div class="ui-block-e">
54 <a data-role="button" id="btn5" data-theme="b">Button 5</a>
58 <a data-role="button" id="showbtn">Show all button</a>
60 <ul data-role="listview" id="log">