Fatal编程技术网
  • jquery/
  • Jquery-slideleft，代码不工作？

Jquery-slideleft，代码不工作？

jquery

Jquery-slideleft，代码不工作？,jquery,effects,Jquery,Effects,标题是描述性的，此代码有什么问题，为什么 <script type="text/javascript"> $(document).ready(function() { $('#slideleft').mouseenter(function() { var $lefty = $(this).next(); $lefty.animate({ left: "-2000px" }, 500 ); }); }); <

标题是描述性的，此代码有什么问题，为什么

<script type="text/javascript">

$(document).ready(function() {
  $('#slideleft').mouseenter(function() {
    var $lefty = $(this).next();
      $lefty.animate({ 
        left: "-2000px"
             }, 500 );
  });
});
</script>


$（文档）.ready（函数（）{
$（'#slideleft'）.mouseenter（函数（）{
var$lefty=$（this.next（）；
$lefty.animate（{
左：“-2000px”
}, 500 );
});
});
HTML


设置此元素的“左样式”属性的动画

这个
$（this）.next（）
应该抓住
div#slideleft
的下一个兄弟，但是看起来你真的想要
div.inner
向右滑动？如果将
$（this）.next（）
更改为
$（this）.children（'.inner'）
，它应该可以工作


<div id="slideleft" class="slide"> 

  <div class="inner">Animate this element's left style property</div> 
</div>