Загрузка диалогового окна jquery-ui при нажатии на ссылку

Question

У меня есть тег следующим образом:

<a onClick="showDialog();"> 
    <?php Print $s; ?> 
</a>

В моей функции document.ready() у меня есть функция showDialog()

function showDialog()
{
    $('#userdata').dialog('open');
}

И я заставляю диалоговое окно не появляться, включив это в мою функцию document.ready ()

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

Кроме того, в разделе моего тела у меня есть элемент div "userdata"

<div id="userdata">hello</div>

Но когда я нажимаюпо ссылке ничего не происходит .... Но если я добавлю alert() внутри функции showDialog(), она срабатывает.Может кто-нибудь сказать мне, как отобразить диалоговое окно jquery?

спасибо

Answer 1

При нажатии на ссылку она открывает содержимое в диалоговом окне.

var p = '<p>test test test test test test</p>';
$('a').click(function(){    
    $(p).dialog({
       ...
    });

Проверьте рабочий пример на http://jsfiddle.net/msKZt/2/

Answer 2

на событие клика ссылки добавить это

$('#ElementID').dialog('open');