2015-07-21 49 views
-1

这是我的jsfiddle链接http://jsfiddle.net/SUBnz/1/,它工作在jsfiddle网站上,但无法在我的项目上运行。它什么都没显示。jquery代码无法在我的项目上运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<head lang="en"> 
    <script src="jquery-1.11.3.min.js"></script> 
    <style type="text/css"> 
#overlay{ 
    display:none; 
    background:red; 
} 
    </style> 
    <script type="text/javascript"> 
$(document).ready(function(){ 
$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast'); 
}); 
</script> 
</head> 


<body> 
    <div id ="overlay">Hello</div> 
</body> 
</html> 
+2

你有jQuery文件jquery-1.11.3.min.js在网站的根目录吗? – Adil

+0

代码看起来不错。加载页面时控制台中显示的内容是什么?您是否尝试过使用开发人员工具查看您的网站加载的页面?也许你在某个地方有一个错误的假设? –

+0

看起来js冲突。删除所有js并逐个添加(js)并测试它。 – Naveenkumar

回答

0

我已根据您的代码更新了我的答案,请检查以下内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<head lang="en"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> 
    <style type="text/css"> 
#overlay{ 
    display:none; 
    background:red; 
} 
    </style> 
    <script type="text/javascript"> 
$(document).ready(function(){ 
$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast'); 
}); 
</script> 
</head> 


<body> 
    <div id ="overlay">Hello</div> 
</body> 
</html> 
+0

你改变了什么?删除对jquery的本地引用并将其替换为云中真正旧的副本? – AndrewR

+0

@Andrew旧版本的jquery可以很好地处理这段代码。 – NaveenG