简单的Jquery代码问题

时间:2012-03-23 07:48:26

标签: jquery

首次执行此代码时,页面跳转到顶部,然后在第二次悬停在其他元素上正常工作!

jsfiddle链接 http://jsfiddle.net/FXhLz/

但问题不明显在这里我认为因为没有页面滚动

1 个答案:

答案 0 :(得分:0)

如果你删除stop()函数似乎工作得很好,我猜你的div被进一步动画的原因是当你使用幻灯片效果它动态操纵元素高度来实现动画当你使用停止功能并在它向下滑动时将鼠标悬停在它上面时,它会将elemet固定在它停止时的高度,因此在进一步的动画中你会看到它被击中,我想这是一个jQuery错误。

$(function() {
  $(".more").hover(function (e) {
    e.preventDefault();
    $('.details_box', this).slideToggle(500);
    $(this).addClass('act');
  },
    function (e) {
        e.preventDefault();
        $('.details_box', this).slideToggle(200);
        $(this).removeClass('act');
  });
});