用jquerymobile滑动 mobile 和PHP开发手机应用遇到一个文件多个页面时变量值不会传递！

来源：蜘蛛抓取(WebSpider) 时间：2016-08-26 08:19 标签： jquerymobile滑动

滑动条允许您从一个范围的数字中选择一个值：

使用以下属性来规定限制：

提示: 如果你想在滑动按钮上显示进度（类似一个小弹窗）可以使用 data-popup-enabled="true" 属性:

提示：如果您想要高亮突出显示滑动条的值，请添加 data-highlight="true"：

提示:开关复选框可以使用 "checked" 属性来设置默认的选项：

制作一个区间值的滑块。


Mobile（）是一个用于快速开发移动终端设备网站应用的基于Html5为基础建立的框架，它继承了桌面端jQuery的快速、强大的功能特点，它可以在多个移动设备平台的浏览器运行，让你快速开发能够运行在主流的智能移动设备如iPhone、HTC、iPad等上面的WEB应用。目前在国内比较流行的是Android和iOS系统的手机平台，iOS的开发需要在Mac电脑上面进行，考虑到很多同学可能暂时还没有买Mac电脑，所以，这个系列教程我打算主要针对Android平台的浏览器去开发，其他的平台的浏览器开发的流程也是差不多的，只是可能因为每个浏览器对Html5支持的不一样而有兼容性的问题，跟我们以前做Html+CSS在电脑上面情况差不多。

Android运行需要JDK支持，下载安装地址：（注意版本和平台哦）。

关于设置JDK的环境变量：一般情况下如果没有用到jdk的一些变量的话不用设置。如果提示没有找到JDK首先请查看是否下载了对应的JDK，64位系统要下载64位的JDK，32位的下32位的；还没有成功请谷歌一下：windows设置JDK环境变量，这里有相关的文章：）。

安装它，就是使用里面的Chrome lite浏览器来测试内容。


首先启动SDK Manager.exe，安装一个版本的模拟器，如下图，我这里选择目前主流的版本2.3.3，全部安装的话会下载很久的，选一个即可。点击安装等待上一段时间。。。


下载安装完毕后，启动AVD Manager.exe，按如下图创建AVD模拟器：


名字自定，英文。选择刚刚下载的2.3.3系统，SD卡大小设置512M，然后点击创建AVD。

创建成功后，按如下图启动模拟器：


然后等待，然后出来如下界面，那么恭喜你，模拟器安装成功了，以后启动就类似这样打开AVD Manager.exe，然后launch。。。

二、使用模拟器和Chrome lite浏览器：

1.你要搭建一个本地虚拟服务器：Android 模拟器的Chrome lite不能像PC上面，到浏览器里面直接打开类似file:///这样开头的网页文件的，你需要一个填入ip或者一个网址使用http这样的方式去访问这个页面，类似http://www.sic.hk，这样的去访问，我们不可能每改动一点都上传到远程服务器，所以，后面我们做的jQuery Mobile WEB开发都基于本地虚拟服务器来做的，这样Android模拟器就很容易访问到本地文件。搭建本地服务器很简单，我比较熟悉的是PHP，所以这里推荐的是PHP的服务器环境，我使用的是Zend Studio集成的Zend Server。你可以使用PHP套件一键安装、启动即可，简单方便，谷歌一下就会有很多这样的套装，我推荐xampp（），用法参考官方网站和谷歌搜索，或者你自己谷歌关键字：PHP 环境套件。这些你都要安装好哦。

2.打开浏览器，输入网址访问网页：CTRL+F11或CTRL+F12可以旋转这个模拟器，按住不放可以拖动网页，你懂的。。。（这里有一些快捷键：）


如果你的电脑的分辨率不是很大，你可以在启动模拟器的时候适当缩小一些模拟器，如下：


基本的环境配置先讲解到此。敬请期待下一节。。。

（让模拟加快的方法，请看：）

我要回帖

更多关于 jquerymobile滑动 的文章

 

随机推荐