.on
函数仅有3个参数:http://api.jquery.com/on/
如果您不需要处理程序绑定到动态添加的元素,那么可以使用具有2个事件处理程序的传统hover
函数。
$('.top-level').hover(function (event) {
$(this).find('.actionfcnt').show();
$(this).find('.dropfcnt').show();
}, function (event) {
$(this).find('.dropfcnt').hide('blind', function(){
$('.actionfcnt').hide();
});
});
顺便说一下,$(selector).hover(handlerIn, handlerOut)
是$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
的简写。
如果需要,可以使用on
来处理mouseenter
和mouseleave
事件:
$(document).on('mouseenter', '.top-level', function (event) {
$(this).find('.actionfcnt').show();
$(this).find('.dropfcnt').show();
}).on('mouseleave', '.top-level', function (event) {
$(this).find('.dropfcnt').hide('blind', function(){
$('.actionfcnt').hide();
});
});