使用headjs加载jquery导致忽略ie8中的css background-color

时间:2011-06-27 15:24:09

标签: javascript jquery

我意识到一个相当具体的问题,但是我无法将此错误指向headjs或jquery,否则我会问那里。

当aysnc使用headjs加载jquery时,我注意到在IE8中测试时,BODY上的背景颜色集被忽略。这仅在IE8标准模式下发生,并且仅加载AFTER jquery。 (在初始页面加载时,正确表示背景颜色)。

我真的不知道发生了什么,但它让我疯狂。

我将问题简化为下面的代码。测试表明这只发生在:

  • IE8标准模式,不是怪癖模式(即:删除解决了这个问题)

  • 与jquery 1.6.1组合,使用jquery 1.5.1正确运行

  • 与headjs的组合。当只包括jquery使用时,没问题

只需在IE8中打开并亲眼看看。背景应为红色,但在加载jquery后变为白色。有任何想法吗?

<!doctype html>
<html>
<head>
<script src="https://raw.github.com/headjs/headjs/v0.96/dist/head.js"></script>
<style> 
    body{
        background:#f00;
    }
</style>
<script>
    head.js("//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"); 
</script>
</head>
<body>
    test
</body>
</html>

1 个答案:

答案 0 :(得分:0)

如评论中所述:

“好吧这似乎是一个jquery bug:请参阅:stackoverflow.com/questions/6149820/weird-ie8-layout-glitch和bugs.jquery.com/ticket/9440。它已在未来的1.6.2中得到修复”