码迷,mamicode.com
首页 > 移动开发 > 详细

解决关于jquery mobile databox日期插件手机上失效的问题

时间:2015-03-20 00:07:32      阅读:481      评论:0      收藏:0      [点我收藏+]

标签:

不废话,直接上代码,修改前的代码:


<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日期插件手机上失效的问题

标签:

原文地址:http://my.oschina.net/u/1451028/blog/389236

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!