解决关于jquery mobile databox日期插件手机上失效的问题
2015-03-19 00:00
225 查看
摘要: HTML页面放在一个web工程里面的,用tomcat启起来,我在pc机上的chrome浏览器访问,是没有问题的,日期控件一切正常,然后我用android手机连上公司的无线,这样我的手机和我工作的电脑就是在一个局域网内了,接着我就用手机上自带的浏览器访问访问我电脑上的这个web工程,日期控件在手机上也是正常的。可是当我把此页面移动到一个phonegap项目里面,用webview加载访问显示此网页,然后把此项目打成apk,放到手机上,安装此程序,运行安装好的程序,日期控件效果就没有了,就失效了。后来改了一下databox.min.js和databox.min.css引入的地方,就ok了,不放...
不废话,直接上代码,修改前的代码:
修改后的代码,手机phonegap打包显示正常:
对此问题,我个人觉得是由于jquerymobile页面链接加载的时候,采用了ajax异步加载,整个页面不重新刷新,所以我把它写在head里面,并没有引用进来,而需要写在page里面。
不废话,直接上代码,修改前的代码:
<span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><html> <head> <title>密码修改</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.min.css"> <script src="../js/jquery-1.7.1.min.js"></script> <script src="../js/jquery.mobile-1.0.1.min.js"></script> <span style="color: #ff0000;"><link rel="stylesheet" href="../css/jquery.mobile.datebox.min.css"> <script src="../js/jquery.mobile.datebox.min.js"></script> </span> </head> <body> <div data-role="page"> <div data-role="content" class="content"> <label for="mydate">生日:</label> <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox"}'> </div> </div> </body> </html></span></span></span>
修改后的代码,手机phonegap打包显示正常:
<span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><!DOCTYPE HTML> <html> <head> <title>密码修改</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.min.css"> <script src="../js/jquery-1.7.1.min.js"></script> <script src="../js/jquery.mobile-1.0.1.min.js"></script> </head> <body> <div data-role="page"> <span style="color: #ff0000;"><link rel="stylesheet" href="../css/jquery.mobile.datebox.min.css"> <script src="../js/jquery.mobile.datebox.min.js"></script> </span> <div data-role="content" class="content"> <label for="mydate">生日:</label> <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox"}'> </div> </div> </body> </html></span></span></span>
对此问题,我个人觉得是由于jquerymobile页面链接加载的时候,采用了ajax异步加载,整个页面不重新刷新,所以我把它写在head里面,并没有引用进来,而需要写在page里面。
相关文章推荐
- 解决关于jquery mobile databox日期插件手机上失效的问题
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- 关于jquery dialog被activeX插件遮挡问题的解决办法
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 关于使用struts2-jquery-mobile-showcase插件报错的问题!!!
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- 解决:My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 解决:My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 关于centos更新插件fastestmirror 导致更新慢的问题的解决。
- JQuery插件fancybox解决无法在弹出层使用左右键的问题
- 关于ASp.net中的session失效问题的解决办法之一
- 关于jquery中使用slidDown出现问题的解决办法
- 关于手机应用到Samsung Galaxy Tab屏幕的适应问题解决
- 关于Option中的空格问题在某些情况下失效的解决办法