JQUERYMOBILE - 技术教程文章
jQuerymobile移动web(4)_jquery
移动互联网的发展，促生了各种各样的移动Web框架。jQuery Mobile 是一个针对触摸体验的 web UI 开发框架，很容易就可以把 Web App 包装成适合 Android 与 iOS等触屏移动设备的 Javascript 库，与 HTML5结合可以很方便快速的开发出一款具有良好界面及用户体验的 Web App，而且不需要安装任何东西，只需将需要的 *.js 和 *.css 文件直接包含到 web 页面中即可。 下拉菜单:设置label 元素的for 属性为 select label 元素的文本内容作为...
通过AJAX和PHP，提交JQueryMobile表单(两篇)【图】
通过AJAX和PHP，提交jQuery Mobile表单File name: callajax.php<?php $firstName = $_POST[firstName]; $lastName = $_POST[lastName]; echo("First Name: " . $firstName . " Last Name: " . $lastName); ?>File name: index.php<!DOCTYPE html> <html> <head> <title>Submit a form via AJAX</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> <script src...
jQueryMobile+PHP实现文件上传，_PHP教程
jQuery Mobile + PHP实现文件上传， 很简单的一个小例子 jQuery Mobile + PHP 通过超全局 $_FILES 上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务器下的文件夹, 下面是html和php的代码代码如下:校园祭首页创新实验代码如下: <?php if ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . ""; } else { echo "Upload: " . $_FILES["file"]["name"] . ""; echo "Type: " . $_FI...
javascript-快速开发一个移动的web站点，求帮忙推荐一下，用bootstrap重构写,还是用jquerymobile
PC站点有现成的， 现在想快速做一个对于的移动站点有什么好推荐的，可以不用适配 ， 可以跟PC 站点不同 模板 主要针对移动web端回复内容：PC站点有现成的， 现在想快速做一个对于的移动站点有什么好推荐的，可以不用适配 ， 可以跟PC 站点不同 模板 主要针对移动web端两个我都用过，感觉Bootstrap更像一个CSS库，如果想要构建一个响应式布局的网站，它提供了不少方便的预定义class。 jQueryMobile更像一套完整的移动前端框架，除了...
jquerymobile是什么【图】
jQuery Mobile是jQuery 框架的一个组件（而非jquery的移动版本）。jQuery Mobile是一款基于HTML5的用户界面系统，旨在使所有智能手机，平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正...
jQuerymobile类库使用时加载导航历史的方法
这篇文章主要介绍了jQuery mobile开发中加载导航历史的方法,jQuery mobile是jQuery针对移动设备开发的JavaScript库,需要的朋友可以参考下jQuery.mobile.navigate( url [, data ] )改变URL和跟踪历史。作品为浏览器和无历史新的APIurl：是必须的参数。类型：字符串data：是可选的参数。类型：对象。 更改哈希片段两次然后日志提供导航事件数据时，浏览器向后移动的历史// Starting at http://example.com/ // Alter the URL: http:/...
jQueryMobile自定义标签使用详解【图】
这次给大家带来jQuery Mobile自定义标签使用详解，jQuery Mobile自定义标签使用的注意事项有哪些，下面就是实战案例，一起来看一下。规划产品国际化的需求时，涉及到PC Web，移动Web，和各app。设计了多个版本的移动Web均不理想。由于移动Web采用了jQuery Mobile框架，所以将切换语言放在哪个位置更合理进行了讨论。讨论的过程和多个方案我就不提了，先来看看最终效果： 是不是感觉很经验，这里一开始尝试了多次，最终自定义了一个...
jQueryMobile与KendoUI使用时有哪些区别
这次给大家带来jQuery Mobile与Kendo UI使用时有哪些区别，jQuery Mobile与Kendo UI使用区别的注意事项有哪些，下面就是实战案例，一起来看一下。 jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架，在开发中我们可以在它们的基础上添砖加瓦制作所有现代移动WEB应用。这两个框架都是基于使用率顶尖的 JavaScript 库 jQuery 所构建的。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知，jQuery M...
jQueryMobile初始化事件使用（案例详解）
这次给大家带来jQuery Mobile初始化事件使用（案例详解），jQuery Mobile初始化事件使用的注意事项有哪些，下面就是实战案例，一起来看一下。jQuery Mobile 包括一个初始化事件，该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件，第一个触发的事件是mobileinit。当Jquery Mobile开始执行时，他就会在document对象上触发mobileinit 事件，因为mobileinit事件是在加...
jQueryMobile窗体长内容缺陷如何解决【图】
本文主要和大家介绍jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下，希望能帮助到大家。一旦窗体中出现长内容，使用笔者那种固定header与footer的全屏布局是存在缺陷的，如图所示，长内容最后的内容，直到滚动条拉到最底部也无法穷尽，而且很有可能的是，虽然现在这个地方的内容是显示为半透明，但往往这个位置是一些提交按钮什么...
jquerymobile折叠的导航按钮实现教程【图】
本文主要为大家详细介绍了jquery mobile实现可折叠的导航按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。本文实例为大家分享了jquery实现可折叠的导航按钮的具体代码，供大家参考，具体内容如下功能：当功能较多时，创建可折叠分组导航按钮。只需指定 data-role=" collapsible "创建可折叠面板<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>可折叠的导航面板</title> <!--使用名为...
实例详解jQueryMobile窗体长内容的缺陷与解决方法【图】
本文主要介绍了jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下，希望能帮助到大家。一旦窗体中出现长内容，使用笔者那种固定header与footer的全屏布局是存在缺陷的，如图所示，长内容最后的内容，直到滚动条拉到最底部也无法穷尽，而且很有可能的是，虽然现在这个地方的内容是显示为半透明，但往往这个位置是一些提交按钮什么的，...
jQueryMobile开发中日期插件Mobiscroll使用说明_jquery【图】
近期在移动方面的开发，使用jQuery Mobile ，移动方面的插件不如Web 方面的插件多，选择的更少，有一些需要自己去封装，但功力尚不足啊。 日期插件JQM也提供了内置的，但样式方面不好看，只好百度、Google啦，找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好，性能方面有点卡 mobiscroll 性能方面比前者要好一些，效果更简洁 ，划动更流畅 放在一起对比下各位看官，你们觉得哪个好看...
JQueryMobile实现导航栏和页脚_jquery
导航栏由一组水平排列的链接构成，通常位于页眉或页脚内部。 默认地，导航栏中的链接会自动转换为按钮（无需 data-role="button"）。 导航栏部分的代码一般放置在data-role为header的div的内。首页 欢迎访问我的主页 搜索 一个基本的导航栏代码如上，包含两个按钮和一行文字作为标题。data-icon可以定义按钮对应的小图标。如果希望将按钮放在文本右侧，可以添加class=“ui-btn-right”样式。要注意的是，Jquery Mobile中的导航部...
jQueryMobile页面返回不需要重新get_jquery【图】
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。jQuery Mobile 可以应用于智能手机与平板电脑。jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。 最近公司的web app项目，使得我有幸一直接触和学习jQuery Mobile。这确实是一个很不错的移动开发库，有助于擅长web开发的工程师，快速入门并构建自己的移动应用。但是在前两天，我碰到了一个问题，使我查了很多资料都没有找到很好的解决方案，最终只能逼着我读jQuery ...
jquerymobilecheckbox及时刷新才能获取其准确值_jquery
解决办法： 代码如下: $(input[type="checkbox"]).bind(click,function() { $(this).prop(checked).checkboxradio("refresh"); // 绑定事件及时更新checkbox的checked值 }); 如果要用js去改变checkbox的值时也要及时刷新。 代码如下: $(input [type="checkbox"]).attr(checked,false).checkboxradio("refresh"); $(input [type="checkbox"]).attr(checked,false).checkboxradio("refresh"); 原因： 因为手动改变它的值后，jque...
使用jquerymobile做幻灯播放效果实现步骤_jquery【图】
使用jquery mobile，可以很容易实现幻灯播放效果，下面讲解下。 1、引入相关的jqury mobile类库 代码如下: jQuery Mobile Presentation 2、每个需要播放幻灯片的页面基本结构 代码如下: Slide 1 3、接下来是每个幻灯片之间的来回导航了，代码为： 代码如下: var changeSlide = function(toSlide){ if(toSlide.length) $.mobile.changePage( toSlide, { transition: toSlide.jqmData('transition') } ); }; // ...
jqueryMobile入门—多页面切换示例学习_jquery【图】
1、在JQuery Mobile中，多个页面的切换是通过元素、并将属性设置为#+对应的id号的方式进行的。 2、多页面切换示例代码： 代码如下: New Document <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></ script> JQuery Mobile 这是首页 详细页 3I工作室版权所有 JQuery Mobile 这里是详细页 返回首页 3I工作室版权所有 3、效果图预览：点击详细页将切换到另一页：4、除了内链接外，还有外链接，实现方...
jqueryMobile入门—外部链接切换示例代码_jquery【图】
1、内部链接是通过在标签内将href属性值设为#+id的形式，外链则是在中增加rel属性，并将属性值设为external，如：3i Studio 2、外部链接切换示例代码： 代码如下: New Document <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></ script> 天气预报 今天| 明天 @2013 3i studio 今天天气 4~7'C晴转多云微风 3i Studio提供 @2013 3i studio 外部文件about.html代码: 代码如下: New Doc...
jQueryMobile页面跳转后未加载外部JS原因分析及解决_jquery
在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。因此，在中引入的外部JS文件，以及标签外的JS均不能正常运行，刷新页面后方可加载成功。 鉴于JQM这个特性不太可能主动更改，可以用两种方法来解决：一是在index页面中，注册所有需要使用到的外部JS文件，或者使用母版页面来统一；二是将页...
jquerymobile实现拨打电话功能的几种方法_jquery
如果需要在移动浏览器中实现拨打电话，发送email，调用sns等功能，jquery mobile提供的接口是一个好办法。 采用url链接的方式，实现在safari ios，android 浏览器，webos 浏览器，塞班浏览器，ie，operamini等主流浏览器，进行拨打电话功能。 1.最常用的方式： 代码如下:报警!在拨号界面，显示号码，并提示拨打。 支持大部分的浏览器，但是在qq浏览器上支持不好。 2、自动探测电话号码 如果要支持safari for ios ，blackberry b...
jquerymobilechangepage的三种传参方法介绍_jquery
本来觉得changePage 那么多option,传几个参数应该没问题结果翻遍国内外网站,基本方法只有三种 1,显性传参,就是利用url这个地址把参数带上,然后到changepage后的新页面,用函数分割下来,提取 2,利用全局变量,应该就是所谓的内存法,在changePage时候,把参数干脆搞个变量存起来,之后到新的页面再提取 3,利用storage了.localstorage,sessionstorage,格式正好是键值格式,先转字符,然后用的时候转成json对象用就是 实在话,不管哪种方法都挺...
jQueryMobile的loading对话框显示/隐藏方法分享_jquery
显示loading对话框方法是： 代码如下: $.mobile.showPageLoadingMsg(); 也可设置参数 代码如下: $.mobile.showPageLoadingMsg("b","加载中",false); 隐藏loading对话框方法是： 代码如下: $.mobile.hidePageLoadingMsg();
jquerymobile局部渲染的各种刷新方法小结_jquery【图】
在JQueryMobile页面在第一次初始化进行一次整体渲染，动态生成的需要局部渲染。 在jquerymobile实现listview局部渲染的方法： 代码如下:function queryPublishOrderList(trackOrDealOrInsp,userCode,type,pageNum){ var queryPublishOrderListURL="http://xxx.xxx.xxx.xxx/Myapp/WorkOrderSelByTypeService.svc/WorkOrderSimpSelByType/Json/"+trackOrDealOrInsp+"/"+userCode+"/"+type+"/"+pageNum; $.ajax({ ...
JqueryMobile动态生成listView并实现刷新的两种方法_jquery
JqueryMobile动态生成listView并实现刷新的两种方法 代码如下:function queryEntfernungen(tx, results) alert("This Hello works"); var len = results.rows.length; // This For works finefor (var i = 0; i < len; i++) { $("div[data-role=content] ul").append(+results.rows.item(i).name+); } $("div[data-role=content] ul").listview(refresh); // This also works但是下面的方法却也能成功! 代码如下...
jquerymobile动态添加元素之后不能正确渲染解决方法说明_jquery
jquerymobile动态添加元素之后有些不能被正确渲染的解决方法：listview： 添加 jq(".detail").listview("refresh");div或其他：添加.trigger( "create" );====================================================================== jqm在初始化页面时会根据data-xxx在各元素中插入jqm的属性和类等。在页面初始化结束后，如果动态的插入一个元素，往往显示很丑陋，因为没有插入jqm的样式。这个可以用浏览器里的开发工具来查看，会发...
jquerymobile的触控点击事件会多次触发问题的解决方法_jquery【图】
jquery mobile 对手势触控提供了如下几个事件监听: 代码如下:tap 当用户点屏幕时触发taphold 当用户点屏幕且保持触摸超过1秒时触发swipe 当页面被垂直或者水平拖动时触发。这个事件有其相关联的属性，分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft 当页面被拖动到左边方向时触发swiperight 当页面被拖动到右边方向时触发但是 tap 事件在 windows8 触...
使用jQueryMobile实现滑动翻页效果的方法_jquery【图】
本文实例讲述了使用jQueryMobile实现滑动翻页效果的方法。分享给大家供大家参考。具体分析如下： 滑动手势在移动设备是很流行的，在移动设备中滑动翻页中很常见 虽然这个功能可以在jQueryMobile中实现，但是个人与之前一篇【jQuery手机浏览器中拖拽动作的艰难性分析】中的观点一致，由于这是在手机浏览器中浏览，而不是安卓的一个独立APP，所以不要经常除点击以外的移动设备手势，以免跟手机浏览器与手机系统本身的手势发生冲突。 ...
jQueryMobile之Helloworld与页面切换的方法_jquery【图】
本文实例讲述了使用jQueryMobile实现滑动翻页效果的方法。分享给大家供大家参考。具体分析如下： jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。就是能够迅速能把页面写成APP的界面，让用户浏览网页，相当于在使用布局好的app一样。 首先要在jQueryMobile（点击此处本站下载）下载一个压缩包，然后...
JqueryMobile自定义按钮图标_jquery【图】
很多朋友都反应jquery mobile自带的图标真的是少之又少，另外我也觉得图标偏小(系统自带的是18*18的），于是琢磨着如何自定义按钮图标，下面小编把我的方法分享给大家。 刚接触Jquery Mobile框架，遇到个很现实问题，就是如何自定义按钮图标，我觉得jquery mobile 自带的图标实在是太少了，另外我觉得图标也偏小（系统自带的应该是18*18的）下面是我的方法，希望大家踊跃拍砖。 1、第一种方法是比较简单的，但是有前提，前提就是你...