jQuery Mobile 教程:按钮

时间:2026-02-16 10:41:55

1、创建按钮

<a href="#pagetwo" data-role="button">转到页面二</a>

jQuery Mobile 教程:按钮

2、行内按钮

 <a href="#pagetwo" data-role="button" data-inline="true">转到页面二</a>

jQuery Mobile 教程:按钮

3、分组按钮

<div data-role="controlgroup" data-type="horizontal">

    水平分组:

    <a href="#" data-role="button">按钮 1</a>

    <a href="#" data-role="button">按钮 2</a>

    <a href="#" data-role="button">按钮 3</a>

    </div>

<div data-role="controlgroup" data-type="vertical">

    垂直分组(默认):

    <a href="#" data-role="button">按钮 1</a>

    <a href="#" data-role="button">按钮 2</a>

    <a href="#" data-role="button">按钮 3</a>

    </div>

jQuery Mobile 教程:按钮

4、带有和不带有圆角的按钮

<a href="#" data-role="button">按钮 1</a>

  <a href="#" data-role="button" data-corners="false">按钮 2</a>

jQuery Mobile 教程:按钮

5、普通按钮和迷你按钮

<a href="#" data-role="button">按钮 1</a>

  <a href="#" data-role="button" data-mini="true">按钮 2</a>

jQuery Mobile 教程:按钮

6、带有和不带有阴影的按钮

 <a href="#" data-role="button">按钮 1</a>

  <a href="#" data-role="button" data-shadow="false">按钮 2</a>

jQuery Mobile 教程:按钮

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com