jquery - ドロップダウンサブメニューは、2回目のロールオーバー後にのみフェードしますが、最初のロールオーバーではフェードしません。

Question

サブメニューが交互のホバー状態でフェードインおよびフェードアウトするjQueryを介して、複数レベルのドロップダウンメニューをWebサイトに組み込んでいます。2回目のマウスオーバー後はすべて正常に動作しますが、何らかの理由で、メニューに最初にカーソルを合わせたときに関数が起動しないようです。このような問題が発生したことはありますか？返信やコード例のない同様の質問を見たので、コードを投稿すると思いました。

これが私の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に設定されています。これは、関数を起動するためのアクションの呼び出しとして機能します。よろしくお願いします、querystring。