2016-02-12 90 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>标签。