2 日間悩んだ結果、ついにアイデアを思いつきました。ぜひ試してみてください。 ! ! コードをコピー コードは次のとおりです: .org/1999/xhtml"> ;head> 無題ドキュメント <br>ul{margin:0;padding:0} <br>li{position:relative;margin :0;padding:0;;} <br>.grid{背景:#ccc;幅:100px;高さ:100px;;} <br>.f{背景:#333;幅:200px;高さ:200px;位置:絶対;上:0;左:100px; 表示:なし} <br> <br>jQuery(function(){ <br>window .a=0; window.b=1; // と同じ1 つの非表示ポップアップ レイヤー<br>$('ul').delegate('.grid','mouseover',function(){ // アバターにマウスを置きます。<br>if($('.f') ){ <br>$('ul').append('<div class="f"></div>') <br>$( '.f').css({top:$( this).offset().top}) <br>} <br>window.a=0; <br>$('.f').show() ; <br><br>$ ('ul').delegate('.f','mouseover',function(){// マウスはポップアップ レイヤ上にあります <br>window.b=0; <br>}); $('ul').delegate('.grid','mouseout',function(){//マウスがアバターを離れる <br>window.a=1; <br>}) <br>$('ul' ).delegate('.f','mouseout',function(){// ポップアップ レイヤを残します <br>window.b=1; <br>}); <br><br>setInterval(function( )//console.log(window.a " " window.b " " window.c); <br>if(window.a&&window.b){ <br>$('.f') .hide(); <br>} <br>},100) <br>}) <br> 🎜> /li> div> ; "グリッド">