Question

我试图使用这个jQuery脚本，但也许有些错误。我想通过单击页面右侧的箭头使脚本工作。正如您从JavaScript代码和jsfiddle测试中看到的那样，我尝试向下滑动隐藏的＃top-bg。

JavaScript代码：

$(document).ready(function() {
    $(".bottone").click(function() {
        $("#top-bg").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
});

这是jsfiddle测试：TEST

我做错了什么？

Answer 1

您不使用正确的引号类型。

之间存在很大差异：

$(“.bottone”).click(function(){

和

$(".bottone").click(function(){

Answer 2

您使用的是“智能引号”而不是常规引号。此外，不需要a代码，您可以将其删除并将点击功能直接应用于triangolo

$("#triangolo").click(function(){
    $("#top-bg").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});

Updated jsFiddle

Answer 3

您使用了错误的引号，并且您也试图点击空标记（实际上没有任何内容）......;）

这是一个有效的JsFiddle：http://jsfiddle.net/uazw6/11/

  <div id="top-bg" class="bg"></div>
   <div id="top" class="bg">
   <div id="triangolo"><a href="#" class="bottone">test</a>
       </div>
  </div>

Javascript：

$(document).ready(function(){

  $(".bottone").click(function(){
      $("#top-bg").slideToggle("slow");
      $(this).toggleClass("active");
  });

});

Answer 4

我已经修好了...我已经更新了你的jsfiddle ...测试它......

您的代码现在如下所示......

$(document).ready(function(){

$("#triangolo").click(function(){
$("#top-bg").slideToggle("slow");
$(this).toggleClass("active"); return false;
});

});

Answer 5

您还可以通过更改以下代码

来解决此问题

<div id="triangolo"><a href="#" class="bottone"></a>
           </div>

带

<a href="#" class="bottone"><div id="triangolo">
           </div></a>

如何使用jQuery切换来修复此脚本？

5 个答案: