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

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) 是以下的简写：

$(selector).mouseenter(handlerIn).mouseleave(handlerOut);

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

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

EXAMPLE