• 王铮亮真人秀智改“星星”主题曲 文薇银幕首献声 2019-04-19
  • 世界杯真奇妙!兰帕德冤案缔造边裁见证博格巴进球 2019-04-19
  • 这条178元的牛仔裤 Angelababy穿了小半年! 2019-04-12
  • 狼若真的来了,真相又会怎样?(痴山原创) 2019-04-07
  • 男童在幼儿园被噎后死亡 家长质疑园方是否尽职 2019-04-03
  • 不喜欢足球吗?足球体现了一种自由奔放的阳刚之美,我正看呢 2019-04-03
  • 太坏了!傅欢遇“断子绝孙腿” 这动作红牌都不冤 2019-03-30
  • 京东集团获第十二届人民企业社会责任奖年度企业奖 2019-03-30
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-03-26
  • 新华时评:不忘初心 向善前行 2019-03-25
  • 高清:C罗帽子戏法科斯塔梅开二度 葡萄牙3 2019-03-23
  • 教练评球蒂特:世界杯首战巴西球员有点紧 2019-03-23
  • 台花莲发生6.5级地震已致2人遇难 2019-03-21
  • 爱把各种酒混着喝?这种喝法可能是伤肝利器 2019-03-21
  • 永川新乡贤宣讲十九大 “草根精英”获点赞 2019-03-19
  • 11选5杀一码口诀:jQuery Mobile 按钮

    吉林福彩快3走势图 www.wpdv.net 移动应用程序构建于触控操作的便利性之上。

    在 jQuery Mobile 中创建按钮

    jQuery Mobile 中的按钮可通过三种方法创建:

    • 使用 <button> 元素
    • 使用 <input> 元素
    • 使用 data-role="button" 的 <a> 元素

    <button>

    <button>按钮</button>

    亲自试一试

    <input>

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

    亲自试一试

    <a>

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

    亲自试一试

    提示:jQuery Mobile 中的按钮会自动获得样式,这增强了他们在移动设备上的交互性和可用性。我们推荐您使用 data-role="button" 的 <a> 元素来创建页面之间的链接,而 <input> 或 <button> 元素用于表单提交。

    导航按钮

    如需通过按钮来链接页面,请使用 data-role="button" 的 <a> 元素:

    实例

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

    亲自试一试

    行内按钮

    默认情况下,按钮会占据屏幕的全部宽度。如果您需要按钮适应其内容,或者如果您需要两个或多个按钮并排显示,请添加 data-inline="true":

    实例

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

    亲自试一试

    组合按钮

    jQuery Mobile 提供了对按钮进行组合的简单方法。

    请将 data-role="controlgroup" 属性与 data-type="horizontal|vertical" 一同使用,以规定水平或垂直地组合按钮:

    实例

    <div data-role="controlgroup" data-type="horizontal">
      <a href="#anylink" data-role="button">按钮 1</a>
      <a href="#anylink" data-role="button">按钮 2</a>
      <a href="#anylink" data-role="button">按钮 3</a>
    </div>
    

    亲自试一试

    提示:默认情况下,组合按钮是垂直分组的,彼此间没有外边距和空白。并且只有第一个和最后一个按钮拥有圆角,在组合后就创造出了漂亮的外观。

    后退按钮

    如需创建后退按钮,请使用 data-rel="back" 属性(会忽略锚的 href 值):

    实例

    <a href="#" data-role="button" data-rel="back">返回</a>

    亲自试一试

    更多用于按钮的 data-* 属性

    属性 描述 实例
    data-corners true | false 规定按钮是否有圆角。 测试
    data-mini true | false 规定是否是小型按钮。 测试
    data-shadow true | false 规定按钮是否有阴影。 测试

    如需有关 jQuery Mobile data-* 属性的完整信息,请访问我们的 jQuery Mobile Data 属性参考手册。

    下一节演示如何为按钮添加图标。

  • 王铮亮真人秀智改“星星”主题曲 文薇银幕首献声 2019-04-19
  • 世界杯真奇妙!兰帕德冤案缔造边裁见证博格巴进球 2019-04-19
  • 这条178元的牛仔裤 Angelababy穿了小半年! 2019-04-12
  • 狼若真的来了,真相又会怎样?(痴山原创) 2019-04-07
  • 男童在幼儿园被噎后死亡 家长质疑园方是否尽职 2019-04-03
  • 不喜欢足球吗?足球体现了一种自由奔放的阳刚之美,我正看呢 2019-04-03
  • 太坏了!傅欢遇“断子绝孙腿” 这动作红牌都不冤 2019-03-30
  • 京东集团获第十二届人民企业社会责任奖年度企业奖 2019-03-30
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-03-26
  • 新华时评:不忘初心 向善前行 2019-03-25
  • 高清:C罗帽子戏法科斯塔梅开二度 葡萄牙3 2019-03-23
  • 教练评球蒂特:世界杯首战巴西球员有点紧 2019-03-23
  • 台花莲发生6.5级地震已致2人遇难 2019-03-21
  • 爱把各种酒混着喝?这种喝法可能是伤肝利器 2019-03-21
  • 永川新乡贤宣讲十九大 “草根精英”获点赞 2019-03-19
  • 彩票中奖真悲哀 十一运夺金有鬼 七星彩开奖结果今天晚上号码2016 智能定位的3d彩票软件 河南新快赢481走势图 三地彩票走势图 大乐透开奖图表走势图 幸运飞艇现场直播 大乐透复式彩票样品 内蒙古时时彩11选5走势图 真人真钱游戏 欢乐生肖游戏上市 舟山飞鱼走势彩票控 湖南彩票定制开发报价 大乐透规则 北单赛事怎么购买