Question

我最初拥有所有CSS内联，此时内联jQuery完美无缺地工作，目前唯一的目的是淡化整个页面。当我将CSS和JavaScript移动到外部文件时，我的jQuery退出了工作。我尝试调整jQuery的代码，我的javascript检测器函数和我的样式表，即使我切换回内联也无法再次运行它。我也尝试使用开发人员工具，但坦率地说，我并不认为我足够熟练地使用它们。

JS小提琴：http://jsfiddle.net/bzkgekut/

<html class="no-js">
<head>
<script>document.documentElement.className = document.documentElement.className.replace('no-js','js');</script>
<link href="stylesheet.css" rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>content</body>
<script src="fadeIn.js"></script>
</html>

//fadeIn.js contents, before the code broke I didn't use anything except line 2 with no issue.
document.ready(function(){
$('body').fadeIn(2000);
});

Answer 1

您不应在选择器中指定body，而应使用div创建id，并确保在JQuery中选择id。请务必为display: none;的CSS指定id属性，因为您的div需要通过淡入显示。

内联CSS移动后jQuery无法正常工作

1 个答案: