第十三篇jQuery Mobile

Posted 2020-08-08 久冬不雨

1.创建Button

　　<button>按钮</button>

　　<input type="button" value="按钮"/ >

　　<a href="#" class="ui-btn ui-shadow(阴影)">按钮</a> // 一排可以放多个按钮ui-btn-inline(横向排列)

　　<div class="controlgroup" data-type="horizontal（方向，指定后没有间距）">

　　　　<a href="#" class="ui-btn ui-shadow">按钮</a>

　　　　<a href="#" class="ui-btn ui-shadow">按钮</a>

　　　　<a href="#" class="ui-btn ui-shadow">按钮</a>

　　</div>

　　

2.checkboxradio(单选和复选框)

　　<label><input type="checkbox"/>苹果</label>

　　fieldset（创建一组排序）

　　单选框只能选择一个（例如性别的选择）

 

3.collapsible（可展开项）可以展开文字，列表

　　data-collapsed="false"

　　data-collapsed-theme="false"

 

4.Grid Layout 删格系统a-d(2~5列)

　　<div class="ui-grid-solo(只有一列)"></div>

 

5.listview

　　无序：

　　<ul data-role="listview">

　　　　<li>a</li>

　　</ul>

　　有序：ol

　　过滤的效果（搜索框）

 

6.navbar

7.popup(弹出窗口)

8.selectmenu

9.jQuery Mobile事件(滑动，长按等等)