"悬停”;在jQuery插件函数中不起作用,鼠标悬停并单击即可
"on.hover" not working in jQuery plugin function, mouseover and click do work
我遇到了一个奇怪的问题。我正在考虑写一个插件,所以我开始很热情。但当我遇到这个问题时,我的热情很快就消失了。首先我的代码:
(function ($) {
$.fn.hoverme = function () {
//Define default values
var defaults = {
color: 'inherited',
size: ''
}
//Make the hover function
$(this).on('hover', function () {
var currentMousePos = {
x: event.pageX,
y: event.pageY
}
console.log(currentMousePos.x);
})
}
}(jQuery));
非常基本的东西。问题是:我无法让悬停在插件中工作。鼠标悬停、鼠标离开和所有其他事件都起作用。
我是不是错过了什么。
我这样调用插件:
$(document).ready(function () {
$('#element').hoverme();
})
小提琴
hover
不是有效事件,但mouseenter
和mouseleave
是有效事件。
jQuery在以前的版本中确实支持hover
事件,但不建议使用它,在新版本中它已被删除。
您应该使用mouseenter
和mouseleave
事件,因为您的插件名为$.fn.hover
,所以实际上已经覆盖了jQuery的原生$.fn.hover
方法。
如果你想在鼠标移动时捕捉它,你应该使用mousemove
事件而不是
FIDDLE
相关文章:
- 当鼠标悬停在文本中的单词上时显示警报
- d3.js鼠标悬停鼠标输出问题
- 悬停(鼠标离开)方法不显示效果
- 为什么addEventListener只执行我的函数,而不为其创建鼠标悬停/鼠标打开事件
- 在鼠标悬停/鼠标出类中的任何元素时更改元素 ID
- 检测鼠标悬停/鼠标单击,无论 Z 顺序/图层级别如何
- 悬停/鼠标悬停功能冲突
- 子元素的 JavaScript 鼠标悬停/鼠标退出问题
- 在 iPad 上触发悬停/鼠标退出/模糊
- 如何通过按钮单击和鼠标悬停/鼠标退出显示和隐藏节点文本?D3/JS.
- 背景图像在悬停/鼠标悬停时消失,菜单在IE中不起作用
- jQuery鼠标悬停/鼠标悬停将不适用于Live
- jQuery-悬停以在刷新时触发悬停/鼠标悬停
- 悬停/鼠标悬停未在元素内部的每次移动中激活
- HighCharts条形图:悬停鼠标时显示条形值
- 鼠标悬停/鼠标离开,鼠标进入/鼠标离开,鼠标悬停闪烁问题
- 滚动时未触发鼠标悬停/鼠标输入
- JavaScript-如何在鼠标悬停/鼠标悬停上同时更改TR中所有TD的背景颜色
- 记住并在悬停鼠标悬停后显示以前活动的导航选项卡
- JavaScript延迟CSS悬停/鼠标悬停效果