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 教程:页面切换动画
  • 热门搜索
    罗汉果怎么泡水 怎么看朋友圈访客记录 如何省钱 成都到泸沽湖怎么坐车 旅游频道 注射除皱效果怎么样 自闭症是如何造成的 如何办理准生证 小米路由器青春版 za怎么样