2014-07-18 132 views
0

我對jQuery和JS很新。我不太確定這裏的錯誤是什麼,但我的JS/jQuery不會運行。有人可能會檢查我的HTML並讓我知道什麼是錯的?有沒有其他的地方,像我的js文件,我需要輸入一些代碼來鏈接在一起的頁面?謝謝! :)鏈接JS和jQuery文件

<!DOCTYPE html> 
    <html> 


<body> 
<div id="clock"></div> 


    </body> 

<link rel="stylesheet" href="style.css"> 

<script src="http://www.google.com/jsapi" type="text/javascript"></script> 

<script type="text/javascript">google.load("jquery", "1.3.2");</script> 

<script src="time.js"></script> 

</html> 
+0

你導入jQuery的文件?如果上面的代碼是你所有的,你需要將jquery文件添加到你的代碼中。 – bestalign

+0

你從哪裏找到代碼google.load(「jquery」,「1.3.2」)? – ForgetfulFellow

+0

你需要告訴我們'time.js'裏面有什麼 –

回答

0

用途:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

更換

<script type="text/javascript">google.load("jquery", "1.3.2");</script> 

而且在<head>標籤移動你的樣式表。

0
<!DOCTYPE html> 
    <html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="style.css"> 

    <script src="http://www.google.com/jsapi" type="text/javascript"></script> 

    <script type="text/javascript">google.load("jquery", "1.3.2");</script> 

    <script src="time.js"></script> 
    </head> 
<body> 
    <div id="clock"></div> 

    </body> 


</html> 
+1

他有多少html標籤?和所有其他答案一樣,您可以在最後使用腳本標記。 –

+0

最後可以有腳本標籤。我總是把它們放在前面。他有<!DOCTYPE html>那麼這是不正常的。我從來沒有真正能夠得到它的工作。 – reinhoc

+0

但是當我查找它。我發現它比我記得的要多。我道歉並將刪除我的答案中的那部分。 – reinhoc

-1

當談到html和javascript時,DOM非常重要。 html標籤有兩個主要的孩子,即頭部和身體標籤或元素。

將javascript標籤放在關閉body標籤之前。 或將其放置在頭標記內

0

您可以使用following approach加載jquery。它比使用google.load()方法略高一些。這是不是一個巨大的收益,但它確實削減一些不必要的HTTP請求:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script> 
     $(document).ready(function() { 
     // This is more like it! 
     }); 
</script> 

編輯1:這裏是你的文件的樣子:

<!doctype html> 
<html> 
    <head> 
    <link rel="stylesheet" href="style.css"> 
    </head> 

    <body> 
     <div id="clock"></div> 

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() { 
      // Do your initialization here or in a separate js file. 
      }); 
     </script> 

     <script src="time.js"></script> 

    </body> 
</html> 
+0

正如已經指出的那樣,

0

最有可能的原因你的代碼是不是在等待你的jQuery庫加載。

使用谷歌加載器將異步加載庫,所以除非使用.load的回調函數調用time.js中的代碼將在加載jQuery之前運行。

所以包括的google.load調用之前time.js並提出將需要馬上進入一個回調函數,當它完成

time.js

.load可以調用運行任何代碼
function jQueryReady(){ 
    //do your ready code here 
} 

HTML

<script type="text/javascript" src="time.js"></script> 
<script type="text/javascript"> 
    google.load("jquery", "1.3.2",{ 
     callback:jQueryReady 
    }); 
</script> 

google.load documentation

的另一種選擇是從CDN /自己的服務器上加載jQuery的第一和未使用的google.load加載它

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="time.js"></script>