国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

directory search
jQuery Mobile 基礎(chǔ)教程 jQuery Mobile 安裝 jQuery Mobile 頁(yè)面 jQuery Mobile 頁(yè)面切換 jQuery Mobile 按鈕 jQuery Mobile 按鈕圖標(biāo) jQuery Mobile 工具欄 jQuery Mobile 可折疊塊 jQuery Mobile 網(wǎng)格 jQuery Mobile 表單 jQuery Mobile 表單 jQuery Mobile 表單輸入元素 jQuery Mobile 表單選擇菜單 jQuery Mobile 表單滑動(dòng)條 jQuery Mobile 列表 jQuery Mobile 列表視圖 jQuery Mobile 列表內(nèi)容 jQuery Mobile 事件 jQuery Mobile 事件 jQuery Mobile 觸摸事件 jQuery Mobile 滾屏事件 jQuery Mobile 方向改變事件 jQuery Mobile 實(shí)例 jQuery Mobile Data 屬性 jQuery Mobile 圖標(biāo) jQuery Mobile 事件 jQuery Mobile orientationchange 事件 jQuery Mobile pagebeforecreate 事件 jQuery 事件 方法 jQuery bind() 方法 jQuery blur() 方法 jQuery change() 方法 jQuery click() 方法 jQuery dblclick() 事件 jQuery delegate() 方法 jQuery die() 方法 jQuery error() 方法 jQuery event.currentTarget 屬性 jQuery event.data 屬性 jQuery event.delegateTarget 屬性 jQuery event.isDefaultPrevented() 方法 jQuery event.isImmediatePropagationStopped() 方法 jQuery event.isPropagationStopped() 方法 jQuery event.namespace 屬性 jQuery event.pageX 屬性 jQuery event.pageY 屬性 jQuery event.preventDefault() 方法 jQuery event.relatedTarget 屬性 jQuery event.result 屬性 jQuery event.stopImmediatePropagation() 方法 jQuery event.stopPropagation() 方法 jQuery event.target 屬性 jQuery event.timeStamp 屬性 jQuery event.type 屬性 jQuery event.which 屬性 jQuery focus() 方法 jQuery focusin() 方法 jQuery focusout() 方法 jQuery hover() 方法 jQuery keydown() 方法 jQuery keypress() 方法 jQuery keyup() 方法 jQuery live() 方法 jQuery load() 方法 jQuery mousedown() 方法 jQuery mouseenter() 方法 jQuery mouseleave() 方法 jQuery mousemove() 方法 jQuery mouseout() 方法 jQuery mouseover() 方法 jQuery mouseup() 方法 jQuery off() 方法 jQuery on() 方法 jQuery one() 方法 jQuery $.proxy() 方法 jQuery ready() 方法 jQuery resize() 方法 jQuery scroll() 方法 jQuery select() 方法 jQuery submit() 方法 jQuery toggle() 方法 jQuery trigger() 方法 jQuery triggerHandler() 方法 jQuery unbind() 方法 jQuery undelegate() 方法 jQuery unload() 方法 jQuery Mobile pagebeforehide 事件 jQuery Mobile pagebeforeload 事件 jQuery Mobile pagebeforeshow 事件 jQuery Mobile pagecreate 事件 jQuery Mobile pagehide 事件 jQuery Mobile pageinit 事件 jQuery Mobile pageload 事件 jQuery Mobile pageloadfailed 事件 jQuery Mobile pageshow 事件 jQuery Mobile scrollstart 事件 jQuery Mobile scrollstop 事件 jQuery Mobile swipe 事件 jQuery Mobile swipeleft 事件 jQuery Mobile swiperight 事件 jQuery Mobile tap 事件 jQuery Mobile taphold 事件 jQuery Mobile 頁(yè)面事件 jQuery Mobile CSS 類(lèi) jQuery Mobile 主題 jQuery Mobile 主題 jQuery Mobile 圖標(biāo)
characters

jQuery Mobile 按鈕



Mobile 應(yīng)用程序是建立在您想要顯示的簡(jiǎn)單的點(diǎn)擊事物上。

在 jQuery Mobile 中創(chuàng)建按鈕

在 jQuery Mobile 中,按鈕可通過(guò)三種方式創(chuàng)建:

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

<button>

<button>按鈕</button>
效果預(yù)覽 ?

<input>

<input type="button" value="按鈕">
效果預(yù)覽 ?

<a>

<a href="#" data-role="button">按鈕</a>
效果預(yù)覽 ?


在 jQuery Mobile 中,按鈕會(huì)自動(dòng)樣式化,讓它們?cè)谝苿?dòng)設(shè)備上更具吸引力和可用性。我們推薦您使用帶有 data-role="button" 的 <a> 元素在頁(yè)面間進(jìn)行鏈接,使用 <input> 或 <button> 元素進(jìn)行表單提交。

導(dǎo)航按鈕

如需通過(guò)按鈕在頁(yè)面間進(jìn)行鏈接,請(qǐng)使用帶有 data-role="button" 屬性的 <a> 元素:

實(shí)例

<a href="#pagetwo" data-role="button">訪問(wèn)第二個(gè)頁(yè)面</a>
效果預(yù)覽 ?

內(nèi)聯(lián)按鈕

默認(rèn)情況下,按鈕占滿(mǎn)整個(gè)屏幕寬度。如果你想要一個(gè)僅是與內(nèi)容一樣寬的按鈕,或者如果您想要并排顯示兩個(gè)或多個(gè)按鈕,請(qǐng)?zhí)砑?data-inline="true":

實(shí)例

<a href="#pagetwo" data-role="button" data-inline="true">訪問(wèn)第二個(gè)頁(yè)面</a>
效果預(yù)覽 ?

組合按鈕

jQuery Mobile 提供了一個(gè)簡(jiǎn)單的方法來(lái)將按鈕組合在一起。

請(qǐng)把 data-role="controlgroup" 屬性和 data-type="horizontal|vertical" 一起使用來(lái)規(guī)定是否水平或垂直組合按鈕:

實(shí)例

<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>
效果預(yù)覽 ?


默認(rèn)情況下,組合按鈕是垂直組合,它們之間沒(méi)有外邊距和空間。并且只有第一個(gè)和最后一個(gè)按鈕是圓角,以便它們組合在一起的時(shí)候創(chuàng)建一個(gè)漂亮的外觀。

后退按鈕

如需創(chuàng)建后退按鈕,請(qǐng)使用 data-rel="back" 屬性(這會(huì)忽略錨的 href 值):

實(shí)例

<a href="#" data-role="button" data-rel="back">返回</a>
效果預(yù)覽 ?

更多用于按鈕的 data-* 屬性

屬性 描述 實(shí)例
data-corners true | false 規(guī)定按鈕是否圓角 實(shí)例?
data-mini true | false 規(guī)定按鈕是否更小 實(shí)例?
data-shadow true | false 規(guī)定按鈕是否有陰影 實(shí)例?

如需查看所有 jQuery Mobile data-* 屬性的完整參考手冊(cè),請(qǐng)?jiān)L問(wèn)我們的 jQuery Mobile Data 屬性參考手冊(cè)。

下一章演示如何附加圖標(biāo)到您的按鈕上。


Previous article: Next article: