Question

任何帮助都非常感谢，当你将鼠标悬停在单独的div上时，基本上我需要使用以下（js小提琴链接）。

正如您所看到的，它已应用于所有div。我尝试过使用$ this，但我的编码错误。

的jQuery

$('.exampleholder').hover(function() {
$(this).slideDown();
});

$('.flyout').mouseout(function() {
window.isoverdiv = false;
setTimeout(function() {
if (!window.isoverdiv) {
$('.flyout').slideUp();
}
}, 1000);
});
$('.flyout').mouseover(function() {
window.isoverdiv = true;
});

js fiddle

Answer 1

$('.flyout').mouseout(function() {

    window.isoverdiv = false;
    var $this = $(this);

    setTimeout(function() {
        if ( ! window.isoverdiv ) {
            $this.slideUp();
        }
    }, 1000);
});

Answer 2

您希望将slidedown()限制为仅next() .flyout元素。

$('.exampleholder').hover(function() {
  $(this).next('.flyout').slideDown();
});

这是jsFiddle。

使用jQuery $ this定位单个div

2 个答案: