Предупреждение о смешанном содержимом в IE8 с модальным диалогом пользовательского интерфейса JQuery - PullRequest
Новая
       5

Предупреждение о смешанном содержимом в IE8 с модальным диалогом пользовательского интерфейса JQuery

0 голосов
/ 28 апреля 2011

Я использую диалог JQueryUI в качестве модального окна и загружаю другую страницу в модальное окно, используя метод, описанный здесь: http://blog.nemikor.com/2009/08/07/creating-dialogs-on-demand/

Создается модальное окно (см. Мой код ниже), ион отлично работает в Firefox, но в IE8 я получаю предупреждение о смешанном контенте (сайт обслуживается через HTTPS, и все мои проверки в Firebug показывают, что все имеют относительные пути и все исходят с того же сайта, что и страницагенерация модальности Что еще более расстраивает, так это предупреждение о смешанном контенте, вы должны иметь возможность ответить «нет» на подсказку, которую дает вам IE, а затем он должен загрузить смешанный контент - но все, что я получаю, это пустоеМодальное окно. Как ни странно, оно не делает прозрачной область наложения, даже несмотря на то, что не сгенерированные модалы (модальное содержимое находится в скрытом DIV на той же странице) на одном сайте, прекрасно работают в IE и создают модальные с прозрачнымоверлей.

Я использую JQuery 1.4.2 с JQueryUI 1.8.2, и ниже моя модаl код окна вместе с кодом, который получает контент, основанный на щелчке href. 

$('.actionlink').each(function() {
    var $dialog = $('<div></div>');
    var $link = $(this).one('click', function() {
        $dialog
        .load($link.attr('href') + ' #modalWrapper')
        .dialog({
            resizable: false,
            modal: true,
            //autoOpen: false,
            title: 'Printable Action Items',
            width: 700,
            height: 'auto',
            buttons: {
                "Close": function() {
                    $(this).dialog("close");
                }
            }
        });

    $link.click(function() {
        $dialog.dialog('open');

        return false;
        });
        return false;
    });
});

А вот href, который предоставляет страницу для вставки в модальное окно: 

<a href="https://#cgi.server_name#/matters/viewprintableactions.cfm?matterid=#matterid#&asserter=#urlencodedformat(asserter)#" class="actionlink"><img src="/images/page_alert.png" width="16" height="16" border="0"></a>

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

Любой, у кого есть совет или кто может видеть, в чем заключается проблема, очень ценится!

1 Ответ

1 голос
/ 28 апреля 2011

Вы уверены, что каждая ссылка в вашем целом сгенерированном документе является относительной / https? Не только часть вашего #modalWrapper элемента, но и все. Как было исследовано в этой теме , функция load() загружает всю страницу, возвращаемую через ajax, в documentFragment перед применением селектора, то есть весь документ должен пройти обработку безопасности браузера.

...