Javascript fadeIn（）选择器在Chrome中不工作
我有一个页面，我想在点击链接时淡入淡出一个div。以下是该网页的简化版本Javascript fadeIn（）选择器在Chrome中不工作,javascript,jquery,html,transition,fade,Javascript,Jquery,Html,Transition,Fade,我有一个页面，我想在点击链接时淡入淡出一个div。以下是该网页的简化版本 <html> <head> <title>Example</title> <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8"/> <script type="text/javascript" src="js/jquery-1.4.1.
<html>
<head>
<title>Example</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8"/>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/fading.js"></script>
</head>
<body>
<div id="menu">
<ul>
<li><a href="index.php" class="transition">home</a></li>
<li><a href="blog.php" class="transition">blog</a></li>
</ul>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pharetra dictum magna nec eleifend. Curabitur malesuada mauris suscipit purus euismod ultricies et id ipsum. Praesent sagittis in justo nec ultricies. Vivamus in lectus ac sem varius consequat. Integer pretium augue sit amet tempus mollis. Maecenas massa magna, bibendum nec quam a, eleifend congue diam. Aliquam erat volutpat. In hac habitasse platea dictumst.
</div>
</body>
</html>
我想知道为什么会这样。有什么方法可以防止这种情况发生吗？为什么要使用这么旧的jquery版本？是的，小提琴显示了使用jquery 1.8.3可以很好地工作。您也可以使用jquery.ui@DominicTobias，这是个很好的问题。我刚把它改为code.jquery.com/jquery-latest.min.js，但问题仍然存在。@I我想你能用小提琴重现这个问题吗？
$(document).ready(function() {
$('#content').css("display", "none");
$('#content').fadeIn(800);
$('a.transition').click(function(event){
event.preventDefault();
linkLocation = this.href;
$('#content').fadeOut(800, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});