Открытие внешнего URL-адреса в диалоговом окне JQuery UI на странице Wordpress

Question

У меня есть пользовательская страница шаблона, которую я создаю для сайта WordPress (используя измененную тему Twenty Eleven). На странице есть ссылки, которые созданы программно. Там будет несколько ссылок, таких как это:

<a href="http://www.site.com.com/info.php?id=123" class="uimodal">More Information</a>

Я бы хотел, чтобы любой URL с классом uimodal появлялся в модальном окне jQuery UI (диалоговом окне), но у меня возникают проблемы при его получении.

Я успешно загрузил jQuery UI. Я попробовал несколько фрагментов кода онлайн, не получая никаких ошибок через Firebug, он просто не загружает модальные (просто заменяет текущую страницу).

Любая помощь приветствуется!

Спасибо.

Answer 1

Попробуйте что-то вроде этого: http://jsfiddle.net/hSRdr/

$(function() { // same as $(document.ready(function() {
    $('a.uimodal').on('click', function() {
        var href = $(this).attr('href');

        $('<div>').append('<iframe src="' + href + '"></iframe>').dialog();
        return false;
    });
});