![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
phonegap
gundumw100
这个作者很懒,什么都没留下…
展开
-
jquery Mobile点击显示加载等待效果
点击某个按钮或链接时,触发等待加载效果:[code="xml"] [/code]HTML代码:[code="xml"]Default LoaderloadingMessageTextVisible = trueloadingMessageTheme = 'e'Custom TextNo Spinner[/code][url]http...原创 2014-04-30 23:28:04 · 194 阅读 · 0 评论 -
JQM Toggle switch、selectmenu动态设置默认选中值时没有效果的问题
静态时,ok,没问题,如下:[code="html"]Notification: Off On [/code]动态时需要jquery选择:var storeNotification="on";$("#swicher option[value='"+storeNotification+"']").attr("selected",true);如果只...原创 2014-08-14 13:21:02 · 141 阅读 · 0 评论 -
jQuery 中使用 JSON
在 jQuery 中已经提供了对于解析 JSON 的内在支持,jQuery.parseJSON 函数提供了解析的支持,[url='http://api.jquery.com/jQuery.parseJSON/']详细的说明见这里[/url]。[code="java"]var obj = jQuery.parseJSON('{"name":"John"}');alert( o...原创 2014-08-15 11:29:55 · 89 阅读 · 0 评论 -
CSS将图片和文字垂直居中
这个问题说起来有点惭愧,搞了很久才搞定。本人并不擅长CSS,至少在布局这块到现在还是一片糊涂。不知道是不是对android布局太了解了,还是其他什么原因,我总是在html+css中想着采用android中的线性布局啊,相对布局啊什么的。可是,一个很简单的布局都搞不定。具体看图:[img]http://dl2.iteye.com/upload/attachment/0...原创 2014-08-15 16:56:04 · 258 阅读 · 0 评论 -
各种JS jQuery CSS资源等
2014年最酷的30个JavaScript库[url]http://www.gbtags.com/gb/share/3701.htm[/url]jquery实现微信刮刮乐特效源代码下载[url]http://www.zuidaima.com/share/1972146098801664.htm[/url]CSS:[url]http://blog.csdn...原创 2014-08-15 23:53:17 · 113 阅读 · 0 评论 -
JQM:如何点击footer中的navbar只切换content的内容
在JQM运用中想固定Header与Footer,当然Footer有个NavBar导航菜单, header 这里是内容 footer 格式如上,点击相应的结构菜单的时候希望它只替换 ....... 中的内容,然而它却是以页面的形式替换了整个一个"Page"。关于这个问题,其实并没有很好的解决办法,这我估计是html的通病。...原创 2014-08-22 10:53:21 · 133 阅读 · 0 评论 -
使用google map显示地图,并标注InfoWindow
首先导入google map JS(需要VPN):然后定义一个地图显示区域:最后添加JS:[code="javascript"]/////////////////////////////////////////////////////////////////////////////////map start//var geocoder;var MY_PO...原创 2014-08-22 17:53:11 · 405 阅读 · 0 评论 -
JQ插件:Knob旋钮按钮
[url="http://www.gbtags.com/technology/jquerynews/20120508jquery-plugin-knob/demo.html"]在线演示[/url]用法介绍:[url="http://www.cnblogs.com/gbin1/archive/2012/05/08/2489908.html"]分享一款超棒的jQuery旋钮插件 - j...原创 2014-08-27 10:33:04 · 323 阅读 · 0 评论 -
JQ插件:日期时间选择器date picker
这个控件关键是它能支持在mobile中显示。iPhone和android中显示可能略有差别。下图是在android中的显示效果:[img]http://dl2.iteye.com/upload/attachment/0100/5915/88d2ee15-cfe1-3e84-b2fd-5cf7b8a816de.png[/img]再看一下用法首先导入JQ和date picker...原创 2014-08-27 13:59:08 · 371 阅读 · 0 评论 -
JQ插件:qrcode生成二维码
jquery.qrcode.js 是把它用jquery方式封装起来的,用它来实现图形渲染,其实就是画图(支持canvas和table两种方式)[img]http://dl2.iteye.com/upload/attachment/0100/6000/3870cb16-0553-391a-90d0-9cd134d996cb.png[/img]导入包:[code="java"]...原创 2014-08-27 14:51:41 · 174 阅读 · 0 评论 -
jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码...
[code="java"] /*-------------------------------------------*/ var InterValObj; //timer变量,控制时间var count = 5; //间隔函数,1秒执行var curCount;//当前剩余秒数var code...原创 2014-08-27 14:55:05 · 193 阅读 · 0 评论 -
JQ插件:nicescroll自定义滚动条
参考:[url]http://www.areaaperta.com/nicescroll/[/url]该插件支持移动设备;可上下、左右拖拉滚动;看图,上面的分类菜单就是。[img]http://dl2.iteye.com/upload/attachment/0100/6042/97b3a848-4023-37d2-9975-c1ddb65cedd8.png[/img]...原创 2014-08-27 15:53:22 · 177 阅读 · 0 评论 -
CSS实现简单动态渐变闪烁效果
CSS练习用例:[code="java"].event { border-radius:4px; -webkit-border-radius:4px; color:#FFFFFF; font-size:12px; margin:0px 30px; padding:2px 0px;}.event.received {...原创 2014-08-28 15:57:10 · 590 阅读 · 0 评论 -
cordova插件InAppBrowser在iPhone上显示url和Done、Back/Forward键的问题
I am currently building a News Aggregator App and I am using InAppBrowser for people to read the articles. Now, my questions is: [color=red]Can I remove the URL and Navigation Bar? Also, can I cha...原创 2014-09-02 14:11:29 · 277 阅读 · 0 评论 -
关于CSS细节集合
以后可能会用到,记一下原址:[url]http://www.iteye.com/topic/1135252[/url]一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写:[code="java"]记住密码[/code]二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写:[code="java"]记住密码[/code]三、自动最大...原创 2014-09-05 12:23:35 · 77 阅读 · 0 评论 -
Javascript常用正则表达式集合
1.匹配正整数:/^[0-9]*[1-9][0-9]*$/2.匹配非负整数(正整数+0):/^\d+$/3.匹配中文:/^[\u4e00-\u9fa5]/4.匹配Email:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/5.匹配网址URL:/^(f|ht){1}(tp|tps):\/\/([\w-]+\.)+[\w-]+(\/[\w- ...原创 2014-09-06 22:08:52 · 75 阅读 · 0 评论 -
cordova读写文件(2)
上一篇讲的是如何将数据写入文件这篇讲如何读取文件。[code="java"]var storeNotification="on";//data readvar filePath = "mobovip/stores.txt";//default file pathfunction read(filePath) { this.filePath = filePath;...原创 2014-08-13 17:53:37 · 138 阅读 · 0 评论 -
cordova读写文件(1)
使用cordova可以很方便的在手机sdcard中读写文件。首先需要安装cordova插件:file命令为:[code="java"]cordova plugin add org.apache.cordova.file[/code]然后就可以读写文件了,这里我先是写入一个文件,具体的JS代码为:[code="javascript"]var datas=null;...原创 2014-08-13 17:44:22 · 491 阅读 · 0 评论 -
JQM自动提示插件autoComplete.js
JQM自动提示插件:[url]https://github.com/commadelimited/autoComplete.js[/url]Demo:[url]http://andymatthews.net/code/autocomplete/[/url]TouchSlide手机平板触屏滑动特效插件[url]http://bbs.phonegap100.co...原创 2014-08-11 17:33:15 · 101 阅读 · 0 评论 -
使用YUI Compressor压缩JS和CSS文件
前提:安装java开发环境并设置了环境变量。然后需要下载yuicompressor-2.4.8.jar(见附件)打开cmd命令行,进入(cd ...)到相关目录,输入:[color=red]java -jar yuicompressor-2.4.8.jar index.js -o index.min.js[/color]这样就生成了min文件。css文件也类...原创 2014-07-02 14:15:56 · 215 阅读 · 0 评论 -
jQuery click事件自动执行?
$(function(){ $("...").click(test()); function test(){ alert("mmm"); }});以上click会被自动执行。在页面载入后 jquery就会根据你的代码给网页元素绑定事件click方法传入参数是一个function类型的变量在判断变量类型时会调用如下代码typeof...原创 2014-07-09 17:46:19 · 631 阅读 · 0 评论 -
jquery click事件被多次执行?
用jquery绑定一个按钮click事件后,第一次点击后,一切正常,第二次点击,竟然执行两次,以后越来越多。后来查看文档发现 jquery click 不是替换原有的function ,而是接着添加,所以才会执行次数越来越多。 这有就可以在添加之前先将按钮click函数置空,然后再添加。 解绑定方法 $("...").unbind('click');自 jQuery 版本 ...原创 2014-07-09 17:49:58 · 412 阅读 · 0 评论 -
JQM自定义箭头图标
在使用Jquery mobile列表时,碰到li里存在a元素的时候,系统会在最后添加一个图标,现在需要自定义该图标:复写ui-icon-,后面加上图标名称[code="css"].ui-icon-arrow{ background-image: url("../img/ic_arrow.png"); background-position: 0px 0px; ...原创 2014-07-09 18:04:22 · 162 阅读 · 0 评论 -
phonegap+JQM拍照并上传头像到服务器
工作中需要将用户头像上传到服务器。需要这么几步:1,点击img元素弹出Popup,选择拍照或从图片库中选择图片。2,上传图片在phonega中拍照需要camera插件。上传文件需要file-transfer插件。我在工程中安装的所有插件如下:[code="java"] cordova plugin add org.apache.co...原创 2014-07-11 14:38:59 · 82 阅读 · 0 评论 -
解决在iphone(ios7)中状态栏(Status bar)会覆盖(overlap)在软件(view)上的问题...
做了个软件,在android下显示正常,在iphone中最顶部的statusbar为何会覆盖在软件上方?如图:[img]http://dl2.iteye.com/upload/attachment/0099/1938/34129eff-00da-3a1f-a7cc-b8ea89102cd3.jpg[/img]解决办法:第一种:如果允许,隐藏状态栏。在xcode中...原创 2014-07-16 15:11:23 · 232 阅读 · 0 评论 -
JQM插件之时间日期、省市区等滚动选择插件Mobiscroll
[url='http://demo.mobiscroll.com/']Mobiscroll[/url]似乎要收费的。这里我从csdn上下载了一个实例。免费使用。见附件。移动开发必备!15款jQuery Mobile插件[url]http://www.csdn.net/article/2013-11-22/2817596-15-jquery-mobile-plugins-for-mo...原创 2014-07-17 17:58:40 · 307 阅读 · 0 评论 -
cordova3.5整合百度云推送PushNotification(1)
[url]http://blog.csdn.net/mansai/article/details/19073913[/url]选择百度云推送理由:专业、稳定、免费(Google GCM在国内有时无法正常使用)第1步:注册开发者账户并登录。[url]http://developer.baidu.com/[/url]第2步:创建一个工程。输入必要的信息。[img]h...原创 2014-07-29 11:55:11 · 161 阅读 · 0 评论 -
cordova命令行基础
安装cordova,必须先安装[url='http://nodejs.org/']node.js[/url]windows:[color=red]npm install -g cordova[/color]ios & linux:[color=red]sudo npm install -g cordova[/color]Create the App:[color=r...原创 2014-07-29 14:23:15 · 122 阅读 · 0 评论 -
JQM使用手势关闭/打开一个panel
[code="java"]$( document ).on( "pagecreate", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) { // We check if there is no open panel on...原创 2014-08-01 12:57:36 · 115 阅读 · 0 评论 -
JQM panel使用实例
工程中需要这样的要求,点击左上角的图标打开或关闭panel,按返回键(针对android)如果panel处于open状态就退出App,否则先打开panel,再按下返回键才退出App。本工程使用的是cordava+JQM先看一下html:[code="html"] Home Orders0 Reward...原创 2014-08-01 13:42:28 · 277 阅读 · 0 评论 -
cordova实现“再点击一次退出”效果
基本的写法如下:[code="java"]document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("backb...原创 2014-08-01 14:23:50 · 195 阅读 · 0 评论 -
JQM控件之Navbar和Tabs
在JQM中使用导航栏Navbar是简单的。只需要将data-role="navbar"赋给div即可:[code="html"] One Two [/code]class="ui-btn-active"用于表示该nav呈选中状态,还可以使用ui-state-persist保持这种选中状态,以免每次进入该pag...原创 2014-08-01 15:49:38 · 171 阅读 · 0 评论 -
Jquery mobile 新手问题总汇
[url]http://www.wglong.com/main/artical!details?id=4[/url]JQM进阶:固定首尾转屏效果[url]http://www.wglong.com/main/artical!details?id=23#[/url]JQM项目模板架构分享[url]http://www.wglong.com/main/artical!det...原创 2014-08-05 14:43:44 · 98 阅读 · 0 评论 -
phonegap+jQuery mobile开发中碰到的问题集锦
第一个问题:问题描述:PhoneGap+Sencha Touch开发的应用,打包后的APP或者调试期间,在启动的时候提示如下信息:[color=red]Application Error - The connection to the server was unsuccessful. (file:///android_asset/www/index.html) [/colo...原创 2014-03-21 12:04:12 · 86 阅读 · 0 评论 -
JQ插件:radiosToSlider
demo:[url]http://rubentd.com/radios-to-slider/[/url][img]http://dl2.iteye.com/upload/attachment/0101/0434/a8a2e0b2-b808-329f-939d-36ce4244e263.jpg[/img]用法:[code="java"] $(docu...原创 2014-09-11 17:43:27 · 84 阅读 · 0 评论