-1

我找到了一些用于显示具有幻灯片效果的内容的 jQuery 代码，但它们都不起作用。

Javascript 代码：

 $('#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);
});

但同样，什么也没有发生。问题是什么？谢谢！

4

5 回答 5

1

把你的代码放进去

 $(document).ready(function(){
    // Your code here    
 });
于 2012-06-15T14:31:01.207 回答
1

您应该通过在以下位置添加此行来加载 jQuery head：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
于 2012-06-15T14:31:16.797 回答
1

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

   $("div").on("click", function () {
        $(this).hide("slide", { direction: "down" }, 1000);
   });
于 2012-06-15T14:33:32.850 回答
1

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

我想唯一的区别是你尝试运行你的javascript而不是onload函数；它没有找到任何“clickme”元素，这就是不调用事件处理函数的原因。

于 2012-06-15T14:34:36.867 回答
1

它有两种工作方式：

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>
于 2012-06-15T14:37:50.237 回答