论文创建的下拉菜单百分之九十九都很好,除了对那些不太容易掌握鼠标使用的用户(老年人和视力一般到较差的人)来说,这是非常不可原谅的。我想使用一点javascript来提高它的可用性,允许鼠标偏移几个像素,并保持子菜单打开。我在自定义javascript文件中尝试了以下操作:
var hoverConfig = {
over: function(e){
e.preventDefault();
$.log("launch menu");
$(\'.sub-menu\',$(this)).show();
},
timeout: 500, // number = milliseconds delay before onMouseOut
out: function(e){
e.preventDefault();
$.log("hide menu");
$(\'.sub-menu\',$(this)).hide();
}
};
$(\'.sub-menu\').hide();
$("#menu-main-menu").hoverIntent( hoverConfig );
Firebug日志显示它是有效的-显示和隐藏函数被调用,但CSS行为仍然会触发,我无法取消它,以便javascript行为完全控制。你知道我怎么做吗?