1

我正在尝试通过 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,它充当触发函数的号召性用语。在此先感谢,查询字符串。

4

0 回答 0