2012-12-14 56 views
1

的开发站点是这样的: https://bcdev01.alpineincdev.com/JQuery的效果基本show /工作了slideDown ocassionaly

如果你将鼠标悬停在车区域(右上),一个新的div滑下覆盖触发区域。当鼠标离开新的div时,它应该向上滑动。

有时候这个功能有效。有时它不会向上滑动,但会卡在伸展位置。其他时候,但并非总是如此(在Firefox中),它会不断上下。

什么给?

jQuery的代码如下

<script> 
jQuery.noConflict(); 

// Use jQuery via jQuery(...) 
jQuery(document).ready(function(){ 


    jQuery("#minicart_trigger").hover(
     function() { 
      jQuery("#minicart").slideDown("slow"); 
     } 
    ); 

    jQuery("#minicart").mouseleave(function() { 
     jQuery("#minicart").slideUp("slow"); 
    }); 


}); 

为什么发生这种情况的任何想法?

谢谢!

+0

原型演戏:'遗漏的类型错误:Object.keys呼吁非object' – bobthyasian

+0

您可能需要使用['.stop()'](HTTP:/ /api.jquery.com/stop/)函数在调用'.slideUp()'/'slideDown()'之前结束任何当前动画。 –

回答

1

这种替换:

jQuery("#minicart_trigger").hover(function() { 
     jQuery("#minicart").stop().slideDown("slow"); 
    },function() { 
     jQuery("#minicart").stop().slideUp("slow"); 
}); 
+0

我的意思是说,谢谢你的答案。但在Firefox中,#minicart会滑落,但大致停在我的光标所在的位置。它不会一直延伸。不知道为什么。但是,它在Chrome中运行良好。 – MonkeyBoo

+0

你可以粘贴相关的HTML和CSS或使小提琴。 – Jai

相关问题