可以用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")
}

但是我想知道，我可以通过click函数来悬停和调用悬停函数吗?

Answer 1

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

From jQuery .hover docs

.hover()方法绑定了mouseenter和mouseleave事件的处理程序。您可以使用它来简单地将行为应用于鼠标在元素内时的元素。

调用$(选择器)。hover(handlerIn, handlerOut)是

的简写:

$(选择).mouseenter (handlerIn) .mouseleave (handlerOut);

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

示例