2016-02-12 88 views
0

我已經創建了一個簡單的jQuery示例。在加載時,腳本應該會導致h1標籤從視圖中消失,但是這並沒有發生。JQuery插件不會加載

我相信我已經把腳本放在正確的位置,並按正確的順序。請參見下面的標記和腳本:

<html> 
<head> 
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> 
    <script src="test.js"></script> 
    <link rel="stylesheet" href="style.css"> 
</head> 
<body> 

    <h1> JS</h1> 

    <div id="top"> 
     <h1> JS</h1> 
    </div> 

    <section id="grid"> 
     <table 
       <tr> 
        <td><a href="#">About</a></td> 
        <td><a href="#">Machinery</a></td> 
        <td><a href="#">Gallery</a></td> 
       </tr> 
     </table> 
    </section> 

</body> 

${document}.ready(function() { 

$("h1").hide(); 

$("td").click(function() { 
    $(this).css("background-color","red"); 

    alert("you clicked!"); 
}); 

});

+1

按F12並讀取控制檯。還建議使用至少具有一些基本語法突出顯示/檢查的代碼編輯器。你在第1行有一個錯字。 –

+0

謝謝。你推薦的任何編輯器。使用崇高。 – Jnanathan

+0

崇高應該能夠做到這一點,我不再使用它,但很確定它有插件,爲你做linting。尋找eslint –

回答

-1

看起來你有幾個錯別字。相反,大括號,文件準備應jQuery中使用這樣的:

$(document).ready(); 

而且在你的HTML你不關閉你的開放<table>標籤。