jQuery Hover - 为div触发区

时间:2017-02-02 18:08:16

标签: jquery hover

一个奇怪的问题......你可以使用悬停向div添加缓冲区或空格吗?例如,如果将鼠标悬停在div上,但是想要为该div添加10px填充或缓冲区,那么当您将鼠标悬停在边缘上时它不会触发悬停操作,除非您超过10px内部div的缓冲区。希望有道理。它基本上是div上可缓冲的缓冲区。

$( '#divA' ).hover(function() {
    $( '#divB' ).removeClass( 'active' );
});

$( '#divB' ).hover(function() {
    // can you any type of margin/buffer to this?
    $( this ).addClass( 'active' );
});

这是一个小提琴演示: https://jsfiddle.net/0ka3t9my/1/

注意:一旦鼠标通过黄色区域,基本上希望悬停动作触发,但是想要在没有额外div的情况下完成此操作,可能会使用某种JS来解决这个问题,但也许这样做不可能?< / p>

1 个答案:

答案 0 :(得分:0)

我找到了解决此问题的更好方法/解决方案:

https://github.com/john-terenzio/jQuery-Hover-Delay