jQuery .slideToggle（）函数不起作用

Question

我找到了一些带有幻灯片效果的节目内容的jQuery代码，但没有一个能够正常工作。

Javasccript代码：

 $('#clickme').click(function() {
        $('#pic').slideToggle('slow', function() {
        });
    });

HTML：

<div id="clickme">
        click here</div>
    <img id="pic" src="Img/Gallery/123.jpg" />

当我点击“点击我”div时，没有任何反应。我也试过这个：

$("div").click(function () {
  $(this).hide("slide", { direction: "down" }, 1000);
});

但同样，没有任何反应。问题是什么？ 谢谢！

Answer 1

将您的代码放入

 $(document).ready(function(){
    // Your code here    
 });

Answer 2

你应该在head：

添加这一行来加载jQuery

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

Answer 3

您可能还想将代码更改为：

   $("div").on("click", function () {
        $(this).hide("slide", { direction: "down" }, 1000);
   });

Answer 4

选中此jsfiddle以查看工作示例。 ）顺便说一句，我认为没有必要将空函数传递给slideToggle。

我想唯一的区别是你试图运行你的javascript而不是onload函数;它没有找到任何“点击”和＃39;元素，这就是为什么不调用事件处理函数。

Answer 5

它有两种工作方式：

1）在标题

中添加以下代码

$(document).ready(function () {
$("div").click(function () {
$('#pic').slideToggle('slow', function() {
    });
});
});

2）将代码放在最后一个div之后

显然你必须包含一个jquery文件！ 例如：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>