javascript – jquery mobile和Internet Explorer根本不工作
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jquery mobile和Internet Explorer根本不工作,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3274字,纯文字阅读大概需要5分钟。
内容图文
![javascript – jquery mobile和Internet Explorer根本不工作](/upload/InfoBanner/zyjiaocheng/763/b2115a5546a841179af6981f7dc51fcb.jpg)
我知道IE 7-9是支持A级的.但是我的网站不能正常工作,我无法弄清楚为什么会这样.这是链接:http://www.fuelingminds.com/userpages.cfm我使用alpha 4完成了以前的项目,一切看起来都很好,但我现在切换到beta 1.有没有已知的问题,或者我只是在我的代码中遗漏了一些明显的东西?
注意:我尝试禁用ajax以查看是否是原因,但仍然是相同的倾斜外观,我已尝试在多台计算机上使用IE 7和9,尝试使用来自本地源的jquery移动设备.
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<link href="css/loginandError.css" type="text/css" />
</head>
<body>
<div data-role="page" data-theme="c" id="login" data-ajax="false">
<div data-role="header">
<a onClick="window.history.back()" data-icon="back" data-direction="reverse" >back</a>
<a href="index.cfm">home</a>
<h1>Fueling The Future - Login</h1>
</div>
<div data-role="content" align="center">
<form action="loginAct.cfm" method="post" data-ajax="false">
<input type="text" value="youremail@email.com" name="email">
<input type="password" value="password" name="pass">
<br>
<input type="submit" value="login" name="login" data-inline="true">
<br>
<a href="" style="text-decoration:none;">Register To Apply Today!</a>
</form>
</div>
</div>
<!--- <div data-role="page" data-theme="c" id="register" data-ajax="false">
<div data-role="header">
<h1>Fueling The Future</h1>
<!--<div data-role="navbar">
<ul data-inset="true" style="margin-top: 0px; margin-bottom: 0px;">
<li><a href="">Home</a></li>
<li><a href="">The Program</a></li>
<li><a href="">Page 3</a></li>
<li><a href="">Page 4</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>-->
</div>
<div data-role="content">
<cfform action="regAction.cfm" method="post" data-ajax="false">
<label for="email">E-mail</label>
<cfinput type="text" label="E-mail" name="email" >
<label for="pass">password</label>
<cfinput type="password" name="pass" >
<label for="passChk">enter password again</label>
<cfinput type="password" name="passChk" >
<label for="fName">First Name</label>
<cfinput type="text" name="fName">
<label for="lName">Last Name</label>
<cfinput type="text" name="lName">
<br>
<cfinput type="submit" name="submit" value="register" data-inline="true">
</cfform>
</div>
<div data-role="footer">
</div>
</div>--->
</body>
</html>
解决方法:
this page是否与IE9一起使用?
如果是的话,遗憾的是它是jQuery Mobile的Alpha3,但也许这些修复程序对你有用:
// Fix for IE9 and experimental jQuery Mobile Datepicker
//customize jQuery Mobile to let IE7+ in (Mobile IE)
$(document).bind("mobileinit", function(){
//reset type=date inputs to text
$.mobile.page.prototype.options.degradeInputs.date = true;
$.extend($.mobile, {
//extend gradeA qualifier to include IE7+
gradeA: function() {
//IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
var ie = (function() {
var v = 3, div = document.createElement('div'), a = div.all || [];
while (div.innerHTML = '<!--[if gt IE '+(++v)+']><br><![endif]-->', a[0]);
return v > 4 ? v : !v;
}());
//must either support media queries or be IE7+
return $.support.mediaquery || (ie && ie >= 7);
}
});
});
您必须在query.js和query.mobile.js之间放置这些代码行.
内容总结
以上是互联网集市为您收集整理的javascript – jquery mobile和Internet Explorer根本不工作全部内容,希望文章能够帮你解决javascript – jquery mobile和Internet Explorer根本不工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。