Fatal编程技术网
  • javascript/
  • Javascript jquery mobile和Internet Explorer根本不工作

Javascript jquery mobile和Internet Explorer根本不工作

javascript css internet-explorer jquery-mobile

Javascript jquery mobile和Internet Explorer根本不工作,javascript,css,internet-explorer,jquery-mobile,Javascript,Css,Internet Explorer,Jquery Mobile,我知道IE 7-9是A级支持的。但我的网站不起作用，我一辈子都不明白为什么。这里是链接：我以前用alpha 4做过项目，一切看起来都很好，但现在我换成了beta 1。是否存在任何已知的问题，或者我只是在代码中遗漏了一些明显的东西 注意：我曾尝试禁用ajax，以确定这是否是原因，但仍然是相同的扭曲外观，我在多台计算机上尝试了IE7和IE9，也尝试了从本地源使用jquery mobile <html> <head> <link rel="stylesheet" href

我知道IE 7-9是A级支持的。但我的网站不起作用，我一辈子都不明白为什么。这里是链接：我以前用alpha 4做过项目，一切看起来都很好，但现在我换成了beta 1。是否存在任何已知的问题，或者我只是在代码中遗漏了一些明显的东西

注意：我曾尝试禁用ajax，以确定这是否是原因，但仍然是相同的扭曲外观，我在多台计算机上尝试了IE7和IE9，也尝试了从本地源使用jquery mobile

<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>


为未来加油-登录




电子邮件
密码
再次输入密码
名字
姓


--->
您需要有
，否则它无法正确读取html5。



<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=9" />
<!--[if IE 7]><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><![endif]-->
<!--[if IE]>

    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <style type="text/css">
        .clear {
            zoom: 1;
            display: none;
        }
    </style>
<![endif]-->
将此粘贴到布局页面

是否正在使用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);
            }
    });
});

//修复IE9和实验性jQuery移动数据采集器
//定制jQuery Mobile，让IE7+进入（移动IE）
$（document）.bind（“mobileinit”，function（）{
//重置类型=文本的日期输入
$.mobile.page.prototype.options.degradeInputs.date=true；
$.extend（$.mobile{
//扩展gradeA限定符以包括IE7+
等级A：函数（）{
//IE版本检查由James Padolsey完成，由jdalton修改-来自http://gist.github.com/527683
变量ie=（函数（）{
var v=3，div=document.createElement（'div'），a=div.all | |[]；
而（div.innerHTML=''，a[0]）；
返回v>4？v:！v；
}());
//必须支持媒体查询或是IE7+
返回$.support.mediaquery | |（ie&&ie>=7）；
}
});
});
您必须将这些代码行放在query.js和query.mobile.js之间。

我已经发现忘记在这里进行更改了。我意识到问题来自服务器，我试着在linux服务器上运行它，结果在IE中呈现得很好，但当我在IIS上有相同的代码时，它不会在Internet explorer中呈现，但奇怪的是，它会在其他浏览器中呈现。