jQuery鼠标悬停和滑鼠移出用于幻灯片放映
下面的脚本工作正常,但是我希望箭头(#leftControl#rightControl)被隐藏,然后在您悬停幻灯片时出现。问题是,如果我们在第一张幻灯片上,只需要显示右箭头,反之亦然,这是为了避免在没有任何东西可看的情况下让幻灯片向左或向右滑动jQuery鼠标悬停和滑鼠移出用于幻灯片放映,jquery,mouseover,Jquery,Mouseover,下面的脚本工作正常,但是我希望箭头(#leftControl#rightControl)被隐藏,然后在您悬停幻灯片时出现。问题是,如果我们在第一张幻灯片上,只需要显示右箭头,反之亦然,这是为了避免在没有任何东西可看的情况下让幻灯片向左或向右滑动 // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arro
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
当您悬停其中一个箭头时,它无法顺利工作,它们会快速出现和消失好的-可能尝试将
鼠标悬停
更改为鼠标悬停
,将鼠标悬停
更改为鼠标悬停
。告诉我这是否有效!(我在回答中对其进行了更改)很好,现在可以使用了,我必须添加以下“$('#leftControl').hide();”以避免页面加载时左箭头立即出现。现在,当你悬停它时,它实际上是精确的,比使用鼠标悬停要好得多。谢谢:)你好,不幸的是我发现了一个bug。如果我一直滚动,幻灯片是左边或右边的最后一张幻灯片,它会一直滚动,箭头不会消失:(我正在处理它:)当您悬停其中一个箭头时,它们会快速出现和消失。好的-可能尝试将mouseover
更改为mouseenter
和mouseout
更改为mouseleave
。告诉我这是否有效!(我在回答中对其进行了更改)很好,现在可以使用了,我必须添加以下“$('#leftControl').hide();”以避免页面加载时左箭头立即出现。现在,当你悬停它时,它实际上是精确的,比使用鼠标悬停要好得多。谢谢:)你好,不幸的是我发现了一个bug。如果我一直滚动,幻灯片是左边或右边的最后一张幻灯片,它会一直滚动,箭头不会消失:(我正在处理它:)
function manageControls(position){
$('#slide_container').mouseenter(function(){
// Hide left arrow if position is first slide
if(position==0){
$('#leftControl').hide();
} else {
$('#leftControl').show();
}
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){
$('#rightControl').hide();
} else{
$('#rightControl').show();
}
});
$('#slide_container').mouseleave(function(){
$('#leftControl').fadeOut();
$('#rightControl').fadeOut();
});
}