我正在尝试通过 jQuery 将多级下拉菜单合并到我的网站中,其子菜单以交替悬停状态淡入和淡出。第二次鼠标悬停后一切正常,但由于某种原因,第一次悬停菜单时该功能似乎没有触发。有人遇到过这样的问题吗?我看到了一个没有回复或代码示例的类似问题,所以我想我会发布我的代码。
这是我的 jQuery 代码:
$(function(){
$('li').has('ul').hover(
function(){
$(this).children('ul').stop().animate(
{
opacity:1
}
);//end animate
},
function(){
$(this).children('ul').stop().animate(
{
opacity:0
}
);//end animate
});
$(this).prepend('<div id="trigger"></div>');
});
我的 CSS 中有一个选择器(称为#trigger),它的不透明度设置为 0,它充当触发函数的号召性用语。在此先感谢,查询字符串。