jQuery Mobile是一款電腦代碼開(kāi)發(fā)軟件，該工具是JQ代碼的官方開(kāi)發(fā)工具，能讓用戶快速開(kāi)發(fā)出手機(jī)端頁(yè)面，并且擁有豐富的功能可以加入，實(shí)現(xiàn)效果更加輕松。

軟件介紹

jQuery Mobile最新版是款簡(jiǎn)單化、專業(yè)化、安全性非?？煽康木幊涕_(kāi)發(fā)工具。jQuery Mobile軟件可以幫助用戶開(kāi)發(fā)移動(dòng)端頁(yè)面的軟件，那么開(kāi)發(fā)效率會(huì)大大提升，因?yàn)檫@款插件封裝了許多的移動(dòng)端常用效果，jQuery Mobile正式版能夠讓開(kāi)發(fā)者輕松快捷的開(kāi)發(fā)出符合w3c規(guī)范的手機(jī)端頁(yè)面，能夠讓開(kāi)發(fā)者輕松快捷的開(kāi)發(fā)出符合w3c規(guī)范的手機(jī)端頁(yè)面。

軟件特色

1構(gòu)建于Jquery的核心之上。使之兼容于jq的語(yǔ)法，對(duì)于開(kāi)發(fā)人員有最易的開(kāi)發(fā)曲線

2兼容于所有的主流移動(dòng)設(shè)備:iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo .

3輕量級(jí) 壓縮后只12k，對(duì)圖片的依賴程度非常低，保證了速度

4頁(yè)面和行為均基于html5標(biāo)記的驅(qū)動(dòng)進(jìn)行配，開(kāi)發(fā)效率高，對(duì)腳本的需求小

5漸進(jìn)增強(qiáng)使所有的移動(dòng)設(shè)備，平板電腦和pc電腦都支持核心的內(nèi)容和方法。而對(duì)于新的移動(dòng)平臺(tái)，則可以展現(xiàn)像安裝在設(shè)備中的應(yīng)用程序一樣出色的富媒體和交互的瀏覽體驗(yàn)

6自動(dòng)初始化 通過(guò)頁(yè)面的html標(biāo)簽的data-role 屬性，Jquery Mobile可以自動(dòng)初始化相應(yīng)的插件

7優(yōu)秀的可訪問(wèn)性 一些特性比如WAI-ARIA 也包含在內(nèi)，以確保頁(yè)面也可以在一些屏幕閱讀器(比如蘋果的VoiceOver)或者其他手持設(shè)備中正常工作.

8新的事件增加了觸摸屏設(shè)備支持的觸摸，鼠標(biāo)，和基于光標(biāo)的輸入方法的API

9增加了本地控制的優(yōu)化觸摸體驗(yàn)和主題樣式的新的插件

9強(qiáng)大的主題樣式框和主題編輯器能很容易的進(jìn)行高度個(gè)性化和品牌化的的界面定制

如何做出一個(gè)泡泡框

jQuery Mobile可以為移動(dòng)端網(wǎng)頁(yè)開(kāi)發(fā)出多樣的效果，讓用戶的視覺(jué)體驗(yàn)大大提升，尤其是一些細(xì)節(jié)的效果優(yōu)化可以讓頁(yè)面加分，比如對(duì)一些提示方框制作成泡泡框的形式，讓選項(xiàng)框提示更加靈動(dòng)，那么應(yīng)該怎么制作呢？下面小編帶來(lái)了一個(gè)代碼思路：

思路:用jquery內(nèi)置的SetBubblePopup方法形成泡泡即可。

核心代碼：

//設(shè)置布局

$('#dummy2').SetBubblePopup({  innerHtml: '

Bubble Popup!

', bubbleAlign: 'left', tailAlign: 'left', color: 'green', contentStyle: 'font-size:16px;' }); //設(shè)定彈出第二個(gè)泡泡的樣式和文字 jQuery().SetBubblePopup({ cssClass: [ ".myclass" ], rel Attribute: [ "nofollow" ], innerHtml: '

another Bubble Popup!

', bubbleAlign: 'right', tailAlign: 'right', color: 'violet', contentStyle: 'color:#CC0066; font-family:Arial; font-size:11px; font-weight:bold;' });

效果如下：

怎么刷新picker數(shù)據(jù)

這個(gè)在PC(IE,Chrome上已測(cè)試)，iOS，Android上都是work的，屬于android風(fēng)格；

var today = new Date();

var y = today.getFullYear();

var m = today.getMonth() + 1;

var d = today.getDate();

var yyyy = y.toString();

var mm = m.toString();

var dd = d.toString();

if (m < 10) { mm = "0" + m; }

if (d < 10) { dd = "0" + d; }

date = yyyy + "-" + mm + "-" + dd;

這個(gè)格式直接傳遞給后臺(tái)controller.action(DateTime date)是可以的

用Jquery mobile時(shí)，如果選擇日期后動(dòng)態(tài)加載數(shù)據(jù)列表，將選擇日期的放在content的第一條

用$("List").html(html)動(dòng)態(tài)加載的完數(shù)據(jù)后，使用下列語(yǔ)句綁定datepicker：

var picker = $("#date", this);

picker.mobipick();

picker.on("change", function () {

var date = $(this).val();

var dateObject = $(this).mobipick("option", "date");

});//輸入框日期改變后，改變彈出框日期為當(dāng)前輸入框日期；

如何獲取攝像頭

不少用戶希望通過(guò)jQuery Mobile來(lái)讓網(wǎng)頁(yè)獲取攝像頭內(nèi)容，不過(guò)大多數(shù)回答都是無(wú)法調(diào)取，或是需要配合其他插件或工具實(shí)現(xiàn)調(diào)取，不過(guò)小編這里查找到一種直接調(diào)取的方法，用戶大可一試：

首先, 包括 Webcam.js JavaScript

您拍攝的圖像將顯示在此處

配置一些設(shè)置并連接相機(jī)

用于處理拍攝快照并在本地顯示的代碼

常見(jiàn)問(wèn)題

一、什么是jQuery Mobile?

1、它是一個(gè)為觸控優(yōu)化的框架，用于創(chuàng)建移動(dòng) web 應(yīng)用程序。

2、適用于所有流行的智能手機(jī)和平板電腦：

3、構(gòu)建于 jQuery 庫(kù)之上，這使其更易學(xué)習(xí)，如果您通曉 jQuery 的話。

4、它使用 HTML5、CSS3、JavaScript 和 AJAX 通過(guò)盡可能少的代碼來(lái)完成對(duì)頁(yè)面的布局。

二、為什么使用 jQuery Mobile?

1、該插件 將“寫(xiě)得更少、做得更多”這一理念提升到了新的層次：它會(huì)自動(dòng)為網(wǎng)頁(yè)設(shè)計(jì)交互的易用外觀，并在所有移動(dòng)設(shè)計(jì)上保持一致。

2、您不需要為每種移動(dòng)設(shè)備或 OS 編寫(xiě)一個(gè)應(yīng)用程序

Android 和 Blackberry 用 Java 編寫(xiě)，iOS 用 Objective C 編寫(xiě)，Windows Phone 用 C# 和 .net 編寫(xiě)

它 解決了這個(gè)問(wèn)題，因?yàn)樗挥?HTML、CSS 和 JavaScript，這些技術(shù)都是所有移動(dòng) web 瀏覽器的標(biāo)準(zhǔn)。