2014-12-07 78 views
0

我的jquery不能在任何瀏覽器中工作我在網上找到了許多答案,因爲它沒有幫助我出來.. !!我的jquery代碼不能在任何瀏覽器中運行

這是我在索引文件我在這兩個 (的index.html)和(的index.php)

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Jquery</title> 
</head> 
<body> 
<div id="message" style="display:none;"> Welcome to my site</div> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/fade.js"></script> 

</body> 
</html> 

JavaScript文件是在JS文件夾試圖代碼 。

而且fade.js代碼爲: -

$(document).ready(function() { 
$('#message').fadeIn('slow'); 
}); 

和jQuery代碼,是我從jQuery的網站下載 我試圖製作兩個版本1個2 以及其他源鏈接像

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 

還有一些用戶使用的jQuery源代碼鏈接。 我也嘗試將腳本代碼移到標籤上方。 但無論它是我嘗試不在任何瀏覽器工作。

請幫我一臂之力!

+0

你需要換劇本。 jQuery必須先加載。將頭部和拼寫功能都放在正確的位置 – mplungjan 2014-12-07 10:02:24

+0

從這裏複製代碼並將其粘貼到文檔中,看看它是否可用:http://jsfiddle.net/11nonnea/。 – gothical 2014-12-07 10:28:54

回答

3

fucntion應該是function &在腳本之前加載jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
$(document).ready(function() { 
        /*^^^^^^*/ 
    $('#message').fadeIn('slow'); 
}); 
+1

斑點...但jQuery也需要加載之前使用 – mplungjan 2014-12-07 10:05:11

+0

oops我得到了一個錯字thanx但仍然編輯後仍然沒有得到 – 2014-12-07 10:16:54

1

你必須加載jQuery的您嘗試調用它提供的功能之前。交換腳本標記的順序。

然後看看你的JavaScript錯誤控制檯。它會抱怨你的拼寫錯誤functionfucntion

+1

隨着你的代表你也可以關閉。不值得一個答案 – mplungjan 2014-12-07 10:07:19

+0

雅我更正fucntion和交換腳本仍然不開放在我的瀏覽器:( – 2014-12-07 10:17:52

0

只是複製/粘貼此:

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Jquery</title> 


<script type="text/javascript" src="js/jquery.js"></script> 
<script> 
$(document).ready(function() { 
$('#message').fadeIn('slow'); 
}); 
</script> 
</head> 

<body> 

<div id="message" style="display:none;"> Welcome to my site</div> 

</body> 
</html> 
+0

它不工作時,我對外添加它請幫助我.. !! – 2014-12-07 10:40:55

+0

@sagarkargathra你想添加腳本在外部js文件?你還有其他文件嗎?或者只是這個腳本? – Alin 2014-12-07 10:43:17

相關問題