Question

我想知道是否有一个简单的方法，使用jQuery触发元素上的mouseover / mouseleave类型事件加上额外的20px左右

即。我使用

在网站容器外部显示了几个下一个/上一个按钮

#slider .prev{position:absolute;left:-20px;}

因为它们目前已设置为

#slider:hover{}

当我将鼠标悬停在#slider

的范围之外时，它们会消失

Answer 1

使用填充20px向元素添加容器，并将悬停事件附加到容器。

Answer 2

基于元素的边框框触发mouseenter和mouseleave事件。破解这种方法的一种方法是为元素添加一个不可见的边框：

border: solid 20px rgba(0,0,0,0);

或填充：

padding: 20px;

这是展示它的jsfiddle。