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 教程:按钮

  • jQuery Mobile 教程:按钮图标
  • jQuery Mobile 教程:工具栏
  • jQuery Mobile 教程:主题
  • 如何使用jquery mobile设置按钮的阴影样式
  • jQuery Mobile 教程:页面切换动画
  • 热门搜索
    古代发型怎么梳 瑞麒g6怎么样 生活用品图片 如何培养团队精神 小孩起水痘怎么办 临时牌照过期怎么办 暑假生活 如何建设生态文明 怎么样下载电视剧 人工智能对生活的影响