Javascript 切换jquery，在JSFIDLE上工作，而不是在我的站点上工作？

为什么我的切换功能在这个JSFIDLE上工作，而不是在我的站点上工作

以下是JS小提琴： 以下是网站：

这是css

.hide  { display:none; }

---

将代码包装在

.ready（）

中，以便在加载DOM后运行

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

---

或者将您的

JS

文件放在正文

结束之前

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

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

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

---

jsfiddle将您的JavaScript包装在窗口加载的处理程序中。jsfiddle中有一个下拉列表，可以让您决定代码“何时”运行。默认情况下，它设置为“onload”。您应该将其更改为最符合您实际情况的选项。
$(document).ready(function(){
  $('#clickMe').click(function() {
     $("#clickEvent").fadeToggle("slow");
  });
});

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