なぜ私のjQueryダイアログが開いていないのですか？

Question

jQuery 1.4.4の使用。ユーザーが下の表要素にマウスポインタを置くと、下のdivの値を含むダイアログボックスが表示されます。

私のhtml：

<div class="dialog" id="dialog1" style="display:none"> 
    <%= responsibility.user.last_name %> 
</div> 
<td><a class="opener" data-dialogid="dialog1"><%= responsibility.user.email %></a></td> 

私のjQueryコード：

$('.dialog').dialog({ 
    autoOpen: false, 
    title: 'Basic Dialog', 
    resizable: false, 
    position: ['center',150], 
    width: 450 
    }); 

$('.opener').mouseover(function() { 
    var $dialog = $($(this).data("dialogid")); 
    $dialog.dialog('open'); 
}); 

私はこの部分を通して私を得ることを望ん以前の質問をし、私は再びレンガの壁でね。 Firebugはエラーを報告することさえないので、私が推測する誰かに尋ねることなくそれを解決する人間的に可能な方法はありません。

Answer 1

は、以下のようにマウスオーバーをchaging試してみてください。

$('.opener').mouseover(function() { 
    var $dialog = $("#" + $(this).data("dialogid")); 
    $dialog.dialog('open'); 
});