2015-07-21 51 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