Javascript jQuery mouseover/mouseout show/hide div

图中显示的蓝色方块是

按钮SHOWHIDEPICTURE

（一个按钮），红色方块是

当前图片

（一个

div

）

所需功能：当我将鼠标移到按钮上时，我希望显示div，然后我希望能够将鼠标移到div上并单击其中一张图片。当光标离开div时，div必须消失

我面临的问题：但是，只要我不向下滚动，下面的代码就可以工作：当我在底部图片上移动光标时，div会向上滚动，因为它会一直触发隐藏/显示。我怎样才能解决这个问题

这是我的jQuery：

$('#buttonShowHidePicture, #currentPictures').mouseover(function () {
    $('#currentPictures').show();
});

$('#currentPictures, #buttonShowHidePicture').mouseout(function () {
    $('#currentPictures').hide();
});

---

试试这样的

$(document).ready(function () {
    $('li').mouseover(function (e) {
        e.stopPropagation();
        $('>.actions', this).css('visibility', 'visible')
    });
    $('li').mouseout(function (e) {
        e.stopPropagation();
        $('.actions').css('visibility', 'hidden')
    })
});

更多

---

使用mouseleave事件代替mouseout。因为隐藏事件也会在div内的图像上触发

$('#currentPictures, #buttonShowHidePicture').mouseleave(function () {
$('#currentPictures').hide();
});

---

谢谢你，修正了我的行为！