Почему мое диалоговое окно jQuery не открывается так, как должно? - PullRequest
Новая
       4

Почему мое диалоговое окно jQuery не открывается так, как должно?

0 голосов
/ 09 декабря 2010

Использование 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 даже не сообщает об ошибках, так что человечески невозможно решить эту проблему, не спросив кого-то, я думаю.

1 Ответ

2 голосов
/ 09 декабря 2010

Попробуйте навести курсор мыши, как показано ниже: 

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