jquery手机端,jquery手机端模板

jquery是不是在手机端不起作用？ 下面这段代码在PC端可以正常运行，到手机端就不起作用了

当然，移动端浏览器对js的支持很有限，你必须为移动端单独设计页面，另外推荐使用jQuery Mobile

相关问答

Q1: 手机端jquery使用slideDown有卡顿感在苹果上没问题。安卓上会有卡顿，为什么呢？？怎么能解决这个问题呢

安卓手机良莠不齐，有些性能较差的手机是会卡的，可以用css3的transition解决。

比如

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

div.show{ height: 100px;}

只要在原来需要slideDown的时候，改为为这个div添加 show的class即可。

Q2: 什么是 jQuery Mobile

jQuery Mobile是一个基于jQuery的用户界面框架，兼容所有流行的手机，平板电脑，电子阅读器和桌面（浏览器）平台。为了建立可访问性及普及性访问性和普及，我们遵循渐进增强和响应式网页设计(RWD)原则 。HTML5标签结构使它容易上手，但是一个强大的API却能让你轻松的深入定制。Jquery mobile是由（MT）Media Temple联合多家移动设备厂商以及软件企业共同发起的的针对触屏智能 手机与平板电脑的website以及在线应用的前端开发框架。

Jquery mobile构建于Jquery ，为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出色的弹性，轻量化以及渐进增强特性与可访问性。

Q3: 手机端触屏事件怎么写jquery

最近做移动端的项目，涉及触摸事件很频繁；我接下来介绍下三个基本的触摸事件：

touchstart：触摸开始的时候触发

touchmove：手指在屏幕上滑动的时候触发

touchend：触摸结束的时候触发

下面是我刚写的一个小demo，可以复制体验下，测试的话打开浏览器的开发者工具的手机模式，点击屏幕移动就能体验到了，滚动鼠标是无效的哦~

!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  手指不放发生

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

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

        })

               //touchend   手指放开发生

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

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

        })

    /script

/body

/html

Q4: jquery怎么判断是手机端横屏

//判断手机横竖屏状态：  

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

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

               //alert('竖屏状态！');  

            }   

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

                //alert('横屏状态！');  

            }    

        }, false);   

//移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。