js引用的低级错误
js引用的低级错误
代码:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width" /> 6 <title>toggle</title> 7 </head> 8 <body> 9 <div id="container"> 10 <h2><a href="#">样办列表</a></h2> 11 <h2 id="back"><a href="#">样办列表Back</a></h2> 12 <br /><div id="btn">欢迎使用</div> 13 </div> 14 15 <script type="text/javascript"> 16 $(document).ready(function () { 17 $("#back").hide(); 18 $("#btn").toggle(function () { $("#back").show(); }, function () { $("#back").hide(); }); 19 }); 20 </script> 21 <script src="/Scripts/jquery-1.7.1.js"></script> 22 </body> 23 </html>
点后没反应,检查后才发现是没把js引用放在前面。
<script src="/Scripts/jquery-1.7.1.js"></script>应该放在<head />里面。