Заполнение модального окна / диалогового окна jQuery UI другой страницей? - PullRequest
Новая
       14

Заполнение модального окна / диалогового окна jQuery UI другой страницей?

2 голосов
/ 08 ноября 2011

Я пытаюсь отобразить модальное окно с другой страницей внутри, но я просто не могу заставить его работать. Вот две мои неудачные попытки: 

$(document).ready(function() {
    $('#shraPop').click(function() {
        var src = "shra-pop.php";
        $.dialog('<iframe src="' + src + '" height="450" width="830" style="border:0">');

        return false;
    });
});

и 

$(document).ready(function() {
    $('#shraPop').click(function() {
        var dialog = $('<div></div>').load("http://www.google.com");
        $(dialog).dialog();
        return false;
    });
});

Кстати, диалоговое окно jQuery работает нормально, поэтому я включил нужные файлы. Это просто не будет работать при попытке загрузить страницу, которую я пытаюсь загрузить.

Любые предложения очень приветствуются, спасибо!

jsFiddle: http://jsfiddle.net/ZpECL/1/

1 Ответ

2 голосов
/ 08 ноября 2011

Во второй функции ваши кавычки не совпадают 

var $dialog = $('<div>testing</div>').load("shra-pop.php');

load () имеет как двойные, так и одинарные кавычки.

Не уверен, что переменная $ before необходима для диалогового окна.

Я бы порекомендовал поместить ваш код в jsfiddle, чтобы мы могли проверить, не возникли ли у вас проблемы.

Кроме того, Colorbox - отличная альтернатива, если вам нужна дополнительная функциональность.

...