2012-02-08 84 views
1

我是mobilejquery的新手,我做了一个试用页面,它在除Internet Explorer 8.0/7.0以外的所有浏览器中都能正常工作,两者都显示空白页面。它抛出的错误为:Mobilejquery在Internet Explorer上不显示任何内容

Webpage error details: 

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C) 
Timestamp: Wed, 8 Feb 2012 09:59:25 UTC 


Message: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus. 
Line: 3175 
Char: 6 
Code: 0 
URI: http://code.jquery.com/jquery.js 

除了这是我的代码:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Blufin-Mobile application</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="js/blufin-app.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
</head> 

<body> 
    <div data-role="page"> 
     <div data-role="header"> 
      <h1>Welcome to Blufin Game</h1> 
     </div> 
     <div data-role="content"> 
      <p>This is the sample work of the Blufin Game!</p> 
     </div> 
     <div data-role="footer" data-position="fixed"> 
      <h4>Page footer</h4> 
     </div> 
    </div> 
</body> 
</html> 

有没有在我的代码的任何问题?或在jquerymobile,如果是这样的任何解决方法来解决它..?

如果我删除jquerymobile.js,没有发现错误。

+2

我不确定这是否与您的问题有关,但您可能想尝试使用推荐的jQuery版本:for jqm 1.0:1.6.4 – bmurmistro 2012-02-08 12:19:43

+0

我们停止测试jQuery在IE浏览器上移动,因为很多东西都不起作用,如果它在所有手机和Chrome/FF上都能正常工作,我想我为什么打扰 - 这是专门用于手机的,你大部分都可以在Chrome上开发 – 2012-02-08 17:17:18

回答

1

我有同样的问题。事实证明,jQuery的移动和最新版本的jQuery的组合导致问题与ie。只需链接到jquery版本1.6.4,问题应该消失,至少它对我有用。

0

这是一个持续的问题。我一直在尝试各种jQuery和jQuery Mobile与IE 11的组合,例如JQM 1.2.0与jQuery 1.6.4,但仍然只是一个白色的屏幕,旋转的“等待永远”的图形...

Everything在我测试过的其他所有浏览器上都可以正常运行JQM和jQuery的当前版本 - Firefox,Safari for Windows。 Safari浏览器为iOS,Chrome ...