jquery mobile和Internet Explorer根本不工作

我知道IE 7-9支持A級。但與我的網站它不工作，我無法弄清楚爲什麼我的生活。這裏是鏈接：http://www.fuelingminds.com/userpages.cfm我已經完成了以前使用alpha 4的項目，並且一切看起來都很好，但我現在切換到beta 1。是否有任何已知的問題，或者我只是在我的代碼中丟失了明顯的東西？jquery mobile和Internet Explorer根本不工作

注意：我嘗試禁用ajax，看看是不是原因，但仍然是相同的傾斜的樣子，我已經嘗試過多臺電腦上的IE 7和9，嘗試從本地源使用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="[email protected]" 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>

來源

2011-08-29 rajh2504

是this page與IE9的工作？

如果是的話，這是很不幸的jQuery移動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之間。

來源

2011-08-31 12:58:02 TIM

您需要有<!DOCTYPE html>否則它不會正確讀取html5。

來源

2011-08-30 00:46:36

我已經發現忘記在這裏做出改變。我意識到問題來自服務器，我試圖在Linux服務器上運行它，而且它在IE中呈現良好，但是當我在IIS上具有相同的代碼時，它不會在Internet Explorer中呈現，但它奇怪地都在每隔一個瀏覽器。 – rajh2504

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

貼給你的頁面佈局

來源

2011-08-30 13:54:16 Wudzik

真棒，這修復了巨大部分的IE，謝謝。 – zyrex

jquery mobile和Internet Explorer根本不工作

回答

相關問題