手机jquery,手机新浪网

jquery手机触屏左右滑动切换栏目怎么做

jquery手机触屏左右滑动切换栏目

$(function(){

TouchSlide({

slideCell:"#slideBox",

titCell:".myhd

ul",

//开启自动分页

autoPage:true

，此时设置

titCell

为导航元素包裹层

mainCell:".bd

ul",

effect:"leftLoop",

autoPage:true,//自动分页

autoPlay:true

//自动播放

});

div

id="slideBox"

class="slideBox"

div

class="bd"

ul

li

a

class="pic"

href="#"img

src="${ctxStatic}/img/mobile/news1.png"

//a

a

class="tit"

href="#"墨西哥教师罢工

与警察激烈冲突/a

/li

li

a

class="pic"

href="#"img

src="${ctxStatic}/img/mobile/news2.jpg"//a

a

class="tit"

href="#"日右翼游行纪念钓岛"国有化"周年/a

/li

li

a

class="pic"

href="#"img

src="${ctxStatic}/img/mobile/news3.jpg"//a

a

class="tit"

href="#"女兵竞选美国小姐鼓励女性自强/a

/li

li

a

class="pic"

href="#"img

src="${ctxStatic}/img/mobile/news4.jpg"//a

a

class="tit"

href="#"济南现“最窄人行道”

仅0.2米宽/a

/li

/ul

/div

div

class="myhd"

ul

style="height:

28px;"/ul

/div

/div

相关问答

Q1: jquery和jQueryMobile的区别jquerymobile

jquerymobile是以jquery为基础的.

其相关的接口和使用的页面样式都是为了达到让web app更趋向于native app的目的.

可以理解为jquery是为了传统web而生,而jquerymobile相当于jquery的扩展,是为了让传统的web更像现在的手机应用.

Q2: jquery怎么禁止手机页面触屏滑动页面滚动

1、jquery 监听页面滚动使用的方法：.scroll()。

2、新建一个HTML文档，定义body的高度。

3、创建JS脚本，使用.scroll() 方法监听页面滚动。

4、如果页面发生滚动，则执行函数，弹出一个hello。

5、保存文件，查看.scroll()监听页面滚动的效果。

Q3: jQuery哪个版本支持手机浏览器

手机浏览多是由开源浏览器内核webkit衍生出来的，而这个浏览器正是谷歌浏览器，所以说，只要是谷歌浏览器支持的jquery框架，手机浏览器都支持，当然会有一定的差异性，推荐使用jquerymobile,在兼容性处理方面可能会更好一点！

Q4: jquery mobile 好用吗

好用

1. 上手迅速并支持快速迭代：在一个星期多一点的时间里，通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobile书籍，我完成了一个可以工作的app初步版本。在此之前我没有HTML5 / JQuery Mobile开发经验。与Android和iOS相比，使用JQuery Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多。

译注：原生系统：原装的操作系统，例如Android原生系统是Google发布未经修改的系统。在本文中，原生应用指直接用系统提供的API开发的程序，与JQuery Mobile开发的程序相对应。

我发现Apple的Builder接口的学习曲线十分陡峭，同样学习令人费解的Android布局系统也很耗时间。此外，要使用原生代码将一个list view连接到远程的数据源并具有漂亮的外观是十分复杂的（在Android上是ListView, 在iOS上是UITableView）我能够通过已经掌握的JavaScript和HTML/CSS知识快速地实现同样的功能，无需学习新的adapter,delegate等等抽象概念，只要编写JQuery代码就可以做到。

2.避免麻烦的应用商店审批过程以及调试、构建带来的痛苦：为手机开发应用，尤其是iOS系统的手机，最痛苦的过程莫过于通过Apple应用商店的审批。想要让一个原生应用程序发布给iOS用户，你需要等待一个相当长的过程（需要好几天，甚至可能是好几周）。不仅在第一次发布程序时要经历磨难，以后的每一次升级也是如此。这使得QA和发布流程变得复杂，还会增加额外的时间。由于JQuery Mobile应用程序仅仅是一种web应用程序，因此它继承了所有web环境的优点：当用户加载你的网站时，他们就马上“升级”到最新的版本。可以马上修复bug和添加新的特性。即使是在Android系统——应用市场的要求比起Apple环境要宽松得多，在用户不知不觉中完成产品升级也是一件很好的事情。

进一步的好处是，发布beta或测试版本会更加容易。只要告诉用户用浏览器打开你的网址就可以了！不需要考虑iOS令人抓狂的DRM，也不需要理会Android必须的APK。

3.支持跨平台和跨设备开发：一个巨大的好处是，我的应用程序马上可以在Android和IOS上工作，同样也可以在其他平台上工作。作为一个独立开发者，为不同的平台维护基础代码是一项巨大的工作。为单个手机平台编写高质量的手机应用需要全职工作，为每个平台重复做类似的事情需要大量的资源。应用程序能够在Android和IOS设备上同时工作对我来说是一个巨大收获。

更进一步，尤其是对于运行Android各种分支的设备，它们大小和形状各异，想要让你的应用程序在各种各样屏幕分辨率的手机上看起来都不错，这是真正的挑战。对于要求严格的Android开发者来说，按照屏幕大小进行设屏幕分割（从完全最小化到最大进行缩放）会需要很多开发时间。由于浏览器会在每个设备上以相同的方式呈现，关于这个方面你不必有任何担心。