将 jQuery trigger() 与 hoverIntent 一起使用

Use jQuery trigger() with hoverIntent

本文关键字:hoverIntent 一起 jQuery trigger      更新时间:2023-09-26

是否可以在元素上触发悬停意图。

我试过$(elem).trigger('hoverIntent');,但没有用。

编辑:Js 小提琴:http://jsfiddle.net/H2p6T/

简单地触发任何事件类型都不会执行任何操作,除非真正触发了悬停意图。

我查看了 hoverIntent 源,它需要两件事:鼠标输入和定义指针坐标的鼠标移动。所以我用假坐标触发了事件:

$('.foo').trigger({ type:"mouseenter", pageX:"123", pageY:"123" });
$('.foo').trigger({ type:"mousemove", pageX:"123", pageY:"123" });

坐标无关紧要,只要它们彼此足够接近以触发悬停意图。

我为此使用了 r7 版本。

你试过吗

$(elem).trigger('hover');

$(elem).trigger('mouseover');
$(elem).trigger('mouseout');

$(elem).trigger('mouseenter');
$(elem).trigger('mouseleave');
hoverIntent

是一个插件而不是实际事件,所以我相信你必须触发一个hoverIntent实际上绑定到你的元素的事件

下面是它使用 mouseenter/mouseleave 的示例

http://jsfiddle.net/H2p6T/3/

你能这样做吗?

$(elem).hoverIntent();

好吧,这不起作用...

我玩了一遍:http://jsfiddle.net/8CCTM/11/

hoverIntent 将在 mousenter() 上触发,但它只会在用鼠标激活 hoverIntent 元素后才会触发。