Pourquoi mon dialogue jQuery pas ouvrir comme il est censé?

Question

En utilisant jQuery 1.4.4. Quand un utilisateur survole l'élément de table ci-dessous, je veux qu'une boîte de dialogue apparaisse contenant les valeurs dans la div ci-dessous.

Mon 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> 

Mon code 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'); 
}); 

Je pose une question plus tôt que je l'espérais me passer à travers cette partie, mais je suis à nouveau mur de briques. Firebug ne signale même pas les erreurs, donc il n'y a pas de moyen humainement possible de le résoudre sans demander à quelqu'un que je devine.

Answer 1

Essayez chaging le mouseover comme ci-dessous:

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