欢乐颂小说txt,大主宰txt全集下载,完结小说排行榜

您當前的位置：首頁>最新動態>jQuery Mobile提供了哪些可配置選項？

新聞中心

最新動態緣震優勢網建知識

精彩案例

地址：上海市靜安區共和新路4718弄10號樓2樓

熱線：400-166-3538

電話：13122077371

郵箱：sales@shyuanzhen.cn

jQuery Mobile提供了哪些可配置選項？

2013-02-01 00:00:00

上海緣震網絡有限公司在前面的文章中我們上海網頁設計就提到，jQuery Mobile是采用HTML5標準的data屬性來驅動元素生成各種界面組件的。實際上，jQuery Mobile不僅提供上述這些方面的功能，還在JavaScript可編程方面提供更多的可配置、可定制的參數和方法。

同樣，作為基于jQuery的jQuery Mobile移動框架，它也提供了一個類似的事件。當jQuery Mobile開始運行時，它會在document對象上觸發一個mobileinit事件。我們可以通過該事件重寫默認的相應函數，配置各種屬性參數。

使用方法如下：

$(document).bind("mobileinit",function(){

//在這里添加用戶自定義的代碼

});

由于mobileinit事件在運行jQuery Mobile的時候會立即觸發，因此如果我們需要編寫自定義事件就必須在mobileinit事件之前進行。因此自定義事件的JavaScript文件的導入位置，就必須在jQuery類庫文件之后，jQuery Mobile類庫文件之前。

例如：

jQuery Mobile為開發者提供了一個對象：$.mobile。該對象的作用是配置各種選項及其默認值。

例如：

$(document).bind("mobileinit",function(){

$.mobile.foo = "foo";

});

除了上述通過$.mobile.foo 的點語法對某個屬性值進行初始化以外，還可以使用jQuery自帶的方法$.extend通過繼承方式對屬性值進行初始化。

$(document).bind("mobileinit",function(){

$.extend($.mobile,{

foo:"foo"

});

jQuery Mobile提供了非常多的可配置選項。

1.ns

類型：字符串，默認值是空字符串。

用法：$.mobile.ns = "mynamespace"

描述：自定義命名空間，避免命名空間沖突。使用方法是通過指定data-屬性來自定義命名空間。當指定了ns值時，data屬性所對應的自定義命名空間屬性名就是data-mynamespace-foo。通常情況下，當開發者需要開發一套自定義主題樣式時才需要使用該選項。

2.autolnitializePage

類型：布爾值，默認值是true。

用法：$.mobile.autoInitializePage = false

描述：默認情況下，當頁面DOM元素準備就緒后，程序會自動加載autolnitializePage函數。如果autolnitializePage選項被設置為false，頁面就不會被立即渲染，并保持隱藏狀態，一直到人工調用$.mobile.initializePage 函數后才會渲染各種頁面和視圖組件。

initializePage函數是jQuery Mobile框架的內部初始化函數，該函數的主要功能是在DOM元素中查找和增強頁面中的各個視圖，并指定默認顯示的第一個視圖。

3.subPageUrlKey

類型：字符串，默認值是ui-page。

用法：$.mobile.autoInisubPageUrlKey = "page"

描述：該參數的主要功能是改變jQuery Mobile視圖在URL地址中的key參數名，STRONG>上海網站設計舉例：example.html?ui-page=subpage。當選項參數改成subPageUrlKey-"page"時，其url地址會被改為example.html?page=subpage。

當ui-page的值是一個URL地址時，jQuery Mobile框架會發送一個Ajax請求，并返回顯示該URL頁面。

4.activePageClass

類型：字符串，默認值是ui-page-active。

用法：$.mobile.activePageClass = "ui-ns-page-active"

描述：該選項參數參數的主要功能是自定義活動狀態頁面和過渡狀態時的視圖CSS樣式。

5.activeBtnClass

類型：字符串，默認值是ui-btn-active。

用法：$.mobile.activeBtnClass = "ui-ns-page-active"

描述：該選項參數的主要功能是自定義處于活動狀態的按鈕的樣式風格。

6.ajaxEnabled

類型：布爾值，默認值是true。

用法：$.mobile.ajaxEnabled = false

描述：該選項參數的作用是設置當單擊鏈接或提交表單或按鈕時，是否使用Ajax方式加載頁面或提交數據。默認情況下，jQuery Mobile采用Ajax請求，而采用傳統的HTTP方式請求跳轉或提交方式。

7.hashListeningEnabled

類型：布爾值，默認值是true。

用法：$.mobile.hashListeningEnabled = false

描述：設置jQuery Mobile是否自動監聽和處理location.hash的變化，如果設置為false,可以使用手動的方式處理hash的變化，或者簡單的使用鏈接地址進行跳轉。

8.defaultPageTransition

類型：布爾值，默認值是true。

用法：$.mobile.defaultPageTransition = "fade"

描述：該選項菜熟的作用是設置頁面切換默認的效果。如果設置none，頁面切換時將不會有效果。可選的切換效果包括：slide（左右劃入）、slideup（由下向上滑入）、slidedown（由上向下滑入）、pop（由中心展開）、fade（漸顯）、flip（翻轉）。

9.touchOverflowEnabled

類型：布爾值，默認值是false。

用法：$.mobile.touchOverflowEnabled = true

描述：是否使用設備的原生區域滾動特性。目前除iOS5外，大部分設備還不支持原生的區域滾動特性。

10.defaultDialogTransition

類型：字符串，默認值是pop。

用法：$.mobile.defaultDialogTransition = "none"

描述：該選項設置Ajax對話框的彈出效果，若設置為none，則沒有過渡效果。其可選的效果和defaultPageTransition屬性相同。

11.minScrollBack

類型：字符串，默認值為150。

用法：$.mobile.minScrollBack = "200"

描述：當滾動超出所設置的高度時才會出發滾動位置記憶功能。當滾動高度沒有超過所設置的高度時，后腿到該頁面滾動條會到達的頂部。通過設置該選項的數值來減小位置記憶的數據量。

12.loadingMessage

類型：字符串，默認值是loading。

用法：$.mobile.loadingMessage = "加載中"

描述：設置頁面加載狀態的文本內容。如果設置為false，則不會顯示任何內容。

13.pageLoadErrorMessage

類型：字符串，默認值是Error Loading Page。

用法：$.mobile.pageLoadErrorMessage = "頁面加載失敗"

描述：設置當Ajax請求頁面失敗時顯示的提示文本內容。

14.gradeA

類型：布爾值，默認值是$.support.mediaquery的值。

用法：$.mobile.gradeA

描述：當瀏覽器復合所有支持的條件時才會返回true。默認返回$support.mediaquery的值。

上面介紹了jQuery Mobile 1.0bata3版本中提供個可配置參數選項，由于該版本仍然是一個beta版本,因此上海網頁設計認為這類配置參數可能會隨著后續版本的更新而發生變化，例如有可能在下一個版本中發現某些配置選項已經被拋棄或者會新增更多的配置選項等。

網站如何正確使用面包屑導航？

當網站的子頁面分類較多的情況下，一般都會選擇使用面包屑導航作為頁面的輔助和補充，有效幫助用戶在網站中快速找到返回的路徑，尤其體現在電商網站上，運用最為廣泛，用戶可以在眾多產品類型中確定自己的位置以及找到目標產品，在一定程度上提高了用戶體驗。

　　網站使用面包屑導航雖然有它的優勢所在，但并不是所有的頁面都適合使用，畢竟它不能在網站上占據主導地位，以免造成對用戶的誤導，那么，網站應如何正確使用面包屑導航呢？

　　首先，上海網站建設在設置面包屑導航的關鍵詞是一定要統一，每一個主目錄和子頁關鍵詞都要精簡且唯一，存在辨別性，這樣能讓用戶在瀏覽網站或者電商購物網站中購買商品時產生疑問，且對自己的當前位置一目了然。同時，所有的分類面包屑的關鍵詞都不能存在有歧義的詞現象，避免重復性。譬如淘寶網的面包屑導航，每一個分類都清晰明了。

　　網站如何正確使用面包屑導航？

　　其次，認識分類少則不使用面包屑的誤區。有些網站認為子頁內容分類少，就沒必要使用面包屑，其實這是一種錯誤的觀念，千選網絡認為，頁面中只要有兩個以上都分類頁面，都有必要使用，畢竟用戶在點擊層級頁面時總會有返回上級頁面的需要，且在沒有記住每個頁面相關內容時，很容易忘記上級頁面內容是什么，因此每次要靠返回按鈕進行操作的話會更加麻煩一些，使用面包屑導航則可對當前頁定位，幫助用戶回到各層級頁面。

　　網站如何正確使用面包屑導航？

　　再者，則是做好主導航與面包屑導航之間的區分，主導航始終承載整個網站的主導地位，而面包屑導航則是起輔助作用，因此用戶在辨識面包屑導航時應起到更加精準的作用，而不是重復主導航已經存在的欄目分類，又或者說用戶在點擊主導航時會猶豫面包屑導航對其產生的干擾，否則面包屑就是去了本該有得價值和意義。

　　最后，在設計面包屑導航時無論分類是否復雜，但都要盡可能的精簡層級，對產品分類或者概括要綜合言簡，避免太多太細的分類讓用戶瀏覽時容易疲勞，當然，這樣的面包屑也有利于網站優化，容易被搜索引擎抓取，同時對提高用戶體驗有一定的幫助。

　　面包屑導航對于每一個網站來說，并非必須品，但卻是精品，最常見的是在電商網站中，有它的存在就像給用戶裝上了另一個指示燈，幫助用戶在網站上找到瀏覽的軌跡并讓他們的需求快速得到滿足。但前提是使用面包屑一定要注意正確的方法。