はjQueryの

Question

で、私は、このページに取り組んでいます

を仕事にmouseleave（）またはマウスアウトを（）を取得できません：http://www.problemio.com/index_new.php

あなたが「健康」リンクの上にマウス、私がポップアップするポップアップを得たが、それを閉じるのは苦労します。ここで

は、私がポップアップショーを補うためにやったことです：

$("<div id='pop'>" + div_contents + "</div>").dialog({ title: 'Secondary Categories'});    

、ここでは、私は近いそれを作るしようとしている方法です：

$('#hea_link').mouseout(function() 
{  
    $("#pop").dialog('close');     
}); 

$('#hea_link').mouseleave(function() 
{  
    $("#pop").dialog('close');     
}); 

私がしようとしている方法のいずれも、作品を閉じるためのポップアップを取得します。また、ポップアップの右上にあるxをクリックしても閉じないのはなぜかわかりません。

私がここで間違っているのは何ですか？

Answer 1

あなたは、いくつかの問題を抱えて：

あなたが別の<div id='pop'></div>が作成されたリンクの上にマウスを移動するたびに。私はアップフロントダイアログを作成し、/隠し/必要に応じてそれを移入を示す推薦：

ページに次のHTMLを追加します。

<div id='pop' style='display:none'></div> 

そして、ページのロード時（document.readyまたは同様に）：

$("#pop").dialog({ autoOpen: false }); 

あなたが持っている他の問題は、あなただけhover一つの関数を渡しているようにあなたのコードを見て、それが見えることです。つまり、機能はmouseenterとmouseleaveで実行されます。 hoverに二つの機能を渡します。この方法は、あなたがいずれかのmouseout/mouseleaveイベントリスナーを必要としないことを意味ホバーを使用して

$('#hea_link').hover(function() 
{  
    $("#pop").dialog('open');     
}, 
function() 
{ 
    $("#pop").dialog("close"); 
}); 

。

例：http://jsfiddle.net/jNq9X/