首页 > 代码库 > 第十三篇、jQuery Mobile

第十三篇、jQuery Mobile

1.创建Button

  <button>按钮</button>

  <input type="button" value="http://www.mamicode.com/按钮"/ >

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

  <div class="controlgroup" data-type="horizontal(方向,指定后没有间距)">

    <a href="http://www.mamicode.com/#" class="ui-btn ui-shadow">按钮</a>

    <a href="http://www.mamicode.com/#" class="ui-btn ui-shadow">按钮</a>

    <a href="http://www.mamicode.com/#" 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事件(滑动,长按等等)

 

第十三篇、jQuery Mobile