Mobile Jquery在Internet Explorer上没有显示任何内容

时间:2012-02-08 09:59:57

标签: jquery-mobile

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

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 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

我测试过的所有其他浏览器上的JQM和jQuery的当前版本都可以正常工作 - Firefox,Safari for Windows。适用于iOS的Safari,Chrome ...