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

时间:2013-10-26 13:41:52

标签: javascript jquery html css

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

  

TypeError:“#slide”.stop不是函数

我不是jquery的专家...所以我认为最好在这里问一下。你会在这里找到这个例子。 -LINK由作者删除 -

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

  ); 

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

谢谢。

2 个答案:

答案 0 :(得分:1)

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

错字: - 缺少$符号。

答案 1 :(得分:0)

你必须使用这样的$ ==> $("#slide").stop();