2012-03-23 71 views
1

当第一次执行这段代码时页面跳转到顶部,然后从第二个悬停在其他元素上正常工作!简单的jquery代码问题

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

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

+0

你是第二次说什么?第二次盘旋?第二次访问?你是否也将这个问题与我们分开了,你确定CSS样式在这种情况下不起重要作用? – Tadeck 2012-03-23 07:51:32

+0

你能否在代码示例中添加CSS样式? – 2012-03-23 07:52:35

+1

'addClass'和'removeClass'只带一个参数的类名或函数 – DoubleYo 2012-03-23 08:06:43

回答

0

这似乎很好地工作,如果你删除,如下stop()功能,我想之所以你div在进一步的动画上受到影响,当你使用幻灯片效果时,它会动态地操纵元素高度以实现动画效果,并且当您使用停止功能并将光标悬停时,它会将元素固定在它当时的高度所以停下来进一步的动画,你看它被击中,我猜它是一个jQuery的bug。

$(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'); 
    }); 
}); 
+0

阅读关于stop()的行为http://api.jquery.com/stop/ – Deepu 2012-03-23 09:29:43