用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包装（它们是一个可供选择的选项）

<---您的代码在文档准备好后执行