javascript - 使用 jquery 切换，使用 jsfiddle 但不是我的网站？

Question

为什么我的切换功能在这个 jsfiddle 上工作而不是我的网站？

这是 JS 小提琴： http: //jsfiddle.net/timur/bMfdD/4/ 这是网站： http: //www.blindsdetroit.com/testing

<a id="clickMe" href="#">Type of Worker</a>

<div id="clickEvent" class="hide">
<ul>
<li>Rivermen</li>
<li>Boatmen</li>
<li>stuff</li>
</ul>    
</div>

这是jquery

$('#clickMe').click(function() {
$("#clickEvent").fadeToggle("slow");
});

这是CSS

.hide  { display:none; }

Answer 1

将您的代码包装起来，.ready()以便在加载 DOM 后运行

$(document).ready(function(){
  $('#clickMe').click(function() {
     $("#clickEvent").fadeToggle("slow");
  });
});

或将您的JS文件放在正文之前ends

Answer 2

将您的代码放入文档就绪处理程序中

$(function(){
  $('#clickMe').click(function() {
    $("#clickEvent").fadeToggle("slow");
  });
});

您不必在小提琴中编写就绪处理程序，因为您的代码会自动用 document.ready 包装（它们是可供选择的选项）

<---文档准备就绪时执行您的代码