小技巧之jQueryMobile

2022-01-24 09:39:17 字數 2205 閱讀 5872

使用jquerymobile+mvc做乙個手機**,也有2個月了。有一些小小的經驗,跟大夥們分享一下下

小技巧1:

禁用所有ajax載入,它會很煩人的。

$.mobile.ajaxlinksenabled = false;

小技巧2:

使用jqm與jq,有時候會用到比dom就緒還要早的事件

$(document).on("pagebeforecreate", function (event) );

小技巧3:

跳轉頁面時,注意:如果使用 location.href 進行跳轉,那麼,頁面上面如果出現 這樣的鏈結 你點了之後會出現頁面js載入不出來的情況,所以 要麼使用 location.href,要麼就用< a href>,當然 後台的**可以忽略不受影響

小技巧4:

無視鏈結,直接返回,無重新整理

<

a href

=''

data-rel

='back'

data-role

='button'

data-icon

='back'

>返回

a>

小技巧5:

很絢麗的跳轉 data-transition 屬性  詳細參見w3c的api文件

小技巧6:

select下拉列表框,在使用了 data-native-menu="false" 這個屬性之後,會生成乙個單獨的頁面。所以,要使用到頁面過渡的事件

$(document).on("pagebeforehide", "#status-dialog", function () )

小技巧7:

調整樣式  需要大量使用到 padding margin ui是整個專案的臉面,即使專案很垃圾,ui做得好,老闆、客戶滿意了,它就好。

小技巧8:

使用絢麗的彈窗

$.mobile.loading('show', );

//乙個簡單的彈窗

settimeout("$.mobile.loading('hide')", 1000);//

使用它 將彈窗在1000毫秒之後隱藏掉,注意,第乙個引數是雙引號

小技巧9:

顯示隱藏頁面上的元素  最好別根據編輯器裡面的**去顯示隱藏,你可以使用谷歌的審查元素,看看jqm到底對你的頁面做了什麼

小技巧10:

listview 將它的圖示按鈕側地搞掉,愉快地做成乙個顯示的小面板

<

ul data-role

="listview"

data-inset

="false"

style

="height: 100%; overflow: hidden;"

id="list">//

overflow: hidden;這個少了會出現乙個滾動條 很難看,當時可是摸索了很久才解決的

<

li style

="height: 70px;"

>

<

a>

<

h2 style

="margin-top: -5px; font-size: 16px;"

>

h2>

<

p style

="">

p>

a>

li>

ul>

然後加上兩句jq**,不要問我為什麼,已經說過了 jqm會對你的頁面做些什麼...

$("#list li div div a").css("padding-right", "0px");

$("#list li div .ui-btn-text").next().remove();

小技巧11:

data-iconpos="right/left/down/top" 控制圖示顯示的位置 data-icon="back/gear/grid/home...."設定小圖示  適合按鈕用

小技巧12:

左右滑動效果

$('某乙個需要滑動的元素,如div page').bind('swiperight', function () ).bind('swipeleft', function () );

今天的分享就到這,很期待下次與大夥的分享,不要問我是誰,請叫我紅領巾。

zmud之小技巧

1.自動enforce和enchant最大值 由enable激發trigger tri 由hp激發trigger tri tri func maxlevel 獲得最大能學習的skill的乙個好處是可以在學習機器中自動判斷最大值,不管是法術還是普通技能都由這個 max sk來限制,從而方便平均技能級別...

《iOS之小技巧》

以後開發中常用的知識和小技巧 需要掌握的第三方框架 網路請求類 afnetworking 必須 asihttprequest 可能會用到,盡量掌握 資料庫 fmdb 瀑布流 第三方和系統自帶的.ps 系統自帶的瀑布流只支援ios6或者以上系統 抽屜效果 有多個如 mmdrawercontroller...

CSS之小技巧

css樣式設計小技巧 水平居中設定 行內元素 如果被設定元素為文字 等行內元素時,水平居中是通過給父元素設定 text align center 來實現的。水平居中設定 定寬塊狀元素 當被設定元素為塊狀元素時用 text align center 就不起作用了,這時也分兩種情況 定寬塊狀元素和不定寬...