Отображение содержимого внешнего файла в модале jQuery - PullRequest
Новая
       22

Отображение содержимого внешнего файла в модале jQuery

0 голосов
/ 16 ноября 2011

Я работаю с простым модальным , чтобы понять, как работает модальное jQuery.С этим процессом 

var load = 'alert.html'; // THE PURPOSE OF THIS QUESTION IS TO CHANGE "alert.html" to "image.jpg"
$(this).click(function(e) {
    e.preventDefault();
    $('body').append('<div id="overlay" />');
    $('#overlay').fadeIn(300, function() {
        $('body').append('<div id="alertModalOuter"><div id="alertModal"></div></div>');
        var outer = $('#alertModalOuter');
        var modal = $('#alertModal');
        var defWidth = outer.outerWidth();
        var defHeight = outer.outerHeight();
        modal.load(load + ' #alert', function() {
            var alertBoxContent = $('#alert');
            var alertWidth = alertBoxContent.outerWidth();
            var alertHeight = alertBoxContent.outerHeight();
            var widthCombine = -((defWidth + alertWidth) / 2);
            var heightCombine = -((defHeight + alertHeight) / 2);
            modal.animate({width: alertWidth, height: alertHeight}, 200);
            outer.animate({marginLeft: widthCombine, marginTop: heightCombine}, 200, function() {
                alertBoxContent.fadeIn(200, function() {
                });
            });
        });

Это добавляет содержимое внешнего файла (от load) к модальным окнам;но это работает только для контента внутри тега id = "alert".Как можно убрать роль «оповещения» для отображения всего содержимого внешнего файла.Например, я хочу загрузить внешнее изображение (которое является файлом изображения, а не между тегом «alert»).

1 Ответ

1 голос
/ 16 ноября 2011

Вам не нужно указывать селектор #alert, и он загрузит всю страницу.Стоит отметить, что если вы не укажете селектор, тогда загрузка вызывает .html () и обрабатывает все скрипты перед их удалением.У вас могут быть запущены некоторые сценарии, дающие неожиданные результаты. .load () документы

...