移動(dòng)web開發(fā)之jquery-mobile(編輯修改稿)
2024-09-01 10:42 本頁面
【文章內(nèi)容簡介】 Query Mobile測試環(huán)境的基本流程如下所示。 （ 1）登錄 Opera官方網(wǎng)站， 如 右 圖所 示。 Opera官方網(wǎng)站 （ 2）下載 Opera Mobile Emulator，下載完成后會(huì)獲得一個(gè)可運(yùn)行文件，筆者獲得的是：。 如 下 圖所 示。 獲得的可運(yùn)行文件 （ 3）雙擊上述可運(yùn)行文件進(jìn)行安裝，安裝成功后雙擊“ Opera Mobile Emulator”圖標(biāo)運(yùn)行，初始運(yùn)行界面 如 下 圖所 示，此處選擇語言“簡體中文”。 選擇語言 （ 4）單擊“確定”按鈕，在新界面中可以進(jìn)行相關(guān)設(shè)臵，在此我們只需使用默認(rèn)設(shè)臵即可， 如 下 圖所 示。 設(shè)臵界面 （ 5）單擊“啟動(dòng)”按鈕后，成功運(yùn)行測試工具 Opera Mobile Emulator， 如 右 圖所 示。 Opera Mobile Emulator運(yùn)行效果 在 jQuery Mobile應(yīng)用中，可以給 input元素直接綁定事件，可以使用 jQuery Mobile的虛擬事件，或者綁定 JavaScript的標(biāo)準(zhǔn)事件，例如 change、 focus、 blur等。具體說明如下所示。 （ 1） create：當(dāng) slider被創(chuàng)建時(shí)觸發(fā)，例如： $( .selector ).textinput({ create: function(event, ui) { ... } })。 （ 2） slidestart：當(dāng) slider的交互開始時(shí)觸發(fā)，包括點(diǎn)擊和拖動(dòng)。例如： $( .selector ).on( 39。slidestart39。, function( event ) { ... })。 （ 3） slidestop：當(dāng) slider的交互結(jié)束時(shí)觸發(fā)，包括點(diǎn)擊和拖動(dòng)。例如： $( .selector ).on( 39。slidestop39。, function( event ) { ... })。 下面通過一個(gè)實(shí)例來學(xué)習(xí)在 jQuery Mobile頁面中實(shí)現(xiàn)動(dòng)態(tài)滑動(dòng)條的方法 。 實(shí)例文件 ： !DOCTYPE html html head meta charset=utf8 titleForms/title meta name=viewport content=width=devicewidth, minimumscale=, maximumscale=。 link rel=stylesheet href= / script src= script src= /head body div datarole=page datatheme=b div datarole=header h1實(shí)現(xiàn)滑動(dòng)條 /h1 /div div datarole=content form id=test id=test action= method=post a href= id=creates1 datarole=button創(chuàng)建滑動(dòng)條 1/a a href= id=creates2 datarole=button創(chuàng)建滑動(dòng)條 2/a br p style=textalign:center。strong引用方法 :/strong/p a href= id=auto datarole=button datatheme=a設(shè)臵亮度 100%/a a href= id=disable datarole=button datatheme=a禁用 亮度 /a a href= id=enable datarole=button datatheme=a亮度可用 /a /form /div script type=te
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1