javascript - Jquery 幻灯片悬停功能显示 .stop 错误(但仍然有效)

Question

我有一个使用 Jquery 的脚本，它基本上移动并调整了 1px 宽度的 div 的大小。 div 本身有一个重复的背景。现在，我想指出这段代码完全按照我的意愿工作。但是我注意到它有点慢，所以我查看了 firebug 上的控制台以找到:

TypeError: "#slide".stop is not a function

我不是 jquery 方面的专家...所以我认为最好在这里提问。你会在这里找到这个例子。 -链接被作者删除-

jquery 本身。

$("a.nav1").hover(function(){
    $("#slide").animate({ width: "65px" },{queue: false, duration: 200} )
               .animate({ left: "0px" }, 200 );

  }, function(){
    ("#slide").stop();
    }

  );


  $("a.nav2").hover(function(){
    $("#slide").animate({ width: "100px" },{queue: false, duration: 200} )
               .animate({ left: "66px" }, 200 );
  }, function(){
    ("#slide").stop();
    }

  );

  $("a.nav3").hover(function(){
    $("#slide").animate({ width: "83px" },{queue: false, duration: 200} )
               .animate({ left: "173px" }, 200 );
  }, function(){
    ("#slide").stop();
    }

  ); 

   $("a.nav4").hover(function(){
    $("#slide").animate({ width: "73px" },{queue: false, duration: 200} )
               .animate({ left: "260px" }, 200 );
  }, function(){
    ("#slide").stop();
    }

  ); 

我正在寻找此错误背后的原因。我究竟做错了什么？有没有更有效的方法来做到这一点？

谢谢。

Answer 1

$("#slide").stop();
^  //added $ here

错别字:- 缺少 $ 符号。