Javascript jCarousel仅当鼠标悬停在容器上时才显示箭头

Javascript jCarousel仅当鼠标悬停在容器上时才显示箭头,javascript,jquery,drupal,mouseover,jcarousel,Javascript,Jquery,Drupal,Mouseover,Jcarousel,我试图让我的jCarousel的箭头仅在我将鼠标移到容器上时显示,我将在同一页面中有多个容器 但我甚至不知道如何处理这个问题 有人对如何做到这一点有任何提示吗 非常感谢 首先,默认情况下必须隐藏箭头,因此在CSS中: .arrow-class {display:none;} 然后使用jquery在图像上方悬停时显示 $(".image-class").hover(function(){ $(".arrow-class").show(); //this happens when you

我试图让我的jCarousel的箭头仅在我将鼠标移到容器上时显示,我将在同一页面中有多个容器

但我甚至不知道如何处理这个问题

有人对如何做到这一点有任何提示吗


非常感谢

首先,默认情况下必须隐藏箭头,因此在CSS中:

.arrow-class {display:none;}
然后使用jquery在图像上方悬停时显示

$(".image-class").hover(function(){
    $(".arrow-class").show(); //this happens when you mouse in
}, 
function(){
    $(".arrow-class").hide(); //this happens when you mouse out
});

你有一些你已经尝试过的东西吗?我只能用CSS来修复它。jcarousel容器水平:hover.jcarousel-prev“我实际上只使用CSS来完成它。当它们悬停在容器上时,调用button类来显示它!不过,我很感谢你的回复!确保它在所有浏览器中都有效。其他一些浏览器只考虑:将选择器悬停在锚点上