Question

HTML：

<div class="hover">hover</div>

<div class="click">click</div>

jQuery：

$('.hover').hover(function(){
    alert("hovered!");
});

$('.click').click(function(){
    $('.hover').hover();
});

此代码不起作用，但我可以使用$('.hover').hover()吗？

游乐场： http://jsfiddle.net/wbFLH/

PS：我知道我可以这样做

$('.hover').hover(function(){
    func();
});

$('.click').click(function(){
    func();
});

function func() {
    alert("something")
}

但我想知道，我可以使用“点击”功能悬停并调用悬停功能吗？

Answer 1

.hover()使用.mouseenter()和.mouseleave()，因此您必须触发.mouseenter/.mouseleave。

来自jQuery .hover docs

.hover（）方法为mouseenter和mouseleave事件绑定处理程序。您可以使用它在鼠标位于元素中时简单地将行为应用于元素。

调用$（selector）.hover（handlerIn，handlerOut）是：
的简写
$（选择器）.mouseenter（handlerIn）.mouseleave（handlerOut）;

$('.hover').hover(function(){
    $('code').append('l');
});

$('.click').click(function(){
    $('.hover').mouseenter();
});

EXAMPLE

jQuery可以点击调用悬停功能吗？

1 个答案: