jquery是不是在手機(jī)端不起作用？ 下面這段代碼在PC端可以正常運(yùn)行，到手機(jī)端就不起作用了

當(dāng)然，移動(dòng)端瀏覽器對(duì)js的支持很有限，你必須為移動(dòng)端單獨(dú)設(shè)計(jì)頁面，另外推薦使用jQuery Mobile

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比祿勸網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式祿勸網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋祿勸地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。

手機(jī)端jquery使用slideDown有卡頓感在蘋果上沒問題。安卓上會(huì)有卡頓，為什么呢？？怎么能解決這個(gè)問題呢

安卓手機(jī)良莠不齊，有些性能較差的手機(jī)是會(huì)卡的，可以用css3的transition解決。

比如

div{?height:0;?-webkit-transition:?height?.5s?ease;?}

div.show{?height:?100px;}

只要在原來需要slideDown的時(shí)候，改為為這個(gè)div添加 show的class即可。

什么是 jQuery Mobile

jQuery Mobile是一個(gè)基于jQuery的用戶界面框架，兼容所有流行的手機(jī)，平板電腦，電子閱讀器和桌面（瀏覽器）平臺(tái)。為了建立可訪問性及普及性訪問性和普及，我們遵循漸進(jìn)增強(qiáng)和響應(yīng)式網(wǎng)頁設(shè)計(jì)(RWD)原則 。HTML5標(biāo)簽結(jié)構(gòu)使它容易上手，但是一個(gè)強(qiáng)大的API卻能讓你輕松的深入定制。Jquery mobile是由（MT）Media Temple聯(lián)合多家移動(dòng)設(shè)備廠商以及軟件企業(yè)共同發(fā)起的的針對(duì)觸屏智能 手機(jī)與平板電腦的website以及在線應(yīng)用的前端開發(fā)框架。

Jquery mobile構(gòu)建于Jquery ，為前端開發(fā)人員提供了一個(gè)兼容所有主流移動(dòng)設(shè)備平臺(tái)的統(tǒng)一UI接口系統(tǒng)。擁有出色的彈性，輕量化以及漸進(jìn)增強(qiáng)特性與可訪問性。

手機(jī)端觸屏事件怎么寫jquery

最近做移動(dòng)端的項(xiàng)目，涉及觸摸事件很頻繁；我接下來介紹下三個(gè)基本的觸摸事件：

touchstart：觸摸開始的時(shí)候觸發(fā)

touchmove：手指在屏幕上滑動(dòng)的時(shí)候觸發(fā)

touchend：觸摸結(jié)束的時(shí)候觸發(fā)

下面是我剛寫的一個(gè)小demo，可以復(fù)制體驗(yàn)下，測(cè)試的話打開瀏覽器的開發(fā)者工具的手機(jī)模式，點(diǎn)擊屏幕移動(dòng)就能體驗(yàn)到了，滾動(dòng)鼠標(biāo)是無效的哦~

!DOCTYPE?html

html

head

meta?charset="UTF-8"

titless/title

style.sb{width:?100%;height:?200px;background-color:?red}/style

script?typet="text/javascript"?src=""/script

/head

body

div?style="height:?3000px"

div?/div

/div

script

//touchmove??手指不放發(fā)生

$('body').on('touchmove',function(){

$('.sb').css({'display':'none'})??//隱藏div

})

//touchend???手指放開發(fā)生

$('body').on('touchend',function(){

$('.sb').css({'display':'initial','position':'fixed'})??//顯示，固定div

})

/script

/body

/html

jquery怎么判斷是手機(jī)端橫屏

//判斷手機(jī)橫豎屏狀態(tài)：??

window.addEventListener("onorientationchange"?in?window???"orientationchange"?:?"resize",?function()?{??

if?(window.orientation?===?180?||?window.orientation?===?0)?{???

//alert('豎屏狀態(tài)！');??

}???

if?(window.orientation?===?90?||?window.orientation?===?-90?){???

//alert('橫屏狀態(tài)！');??

}????

},?false);???

//移動(dòng)端的瀏覽器一般都支持window.orientation這個(gè)參數(shù)，通過這個(gè)參數(shù)可以判斷出手機(jī)是處在橫屏還是豎屏狀態(tài)。