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

尝试将鼠标更改为如下所示：

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

为什么我的jQuery对话框不能像它应该的那样打开？

1 个答案: