JQuery Overlay в Chrome / Safari (webkit) не может вносить изменения - PullRequest
0 голосов
/ 25 января 2012

Проведя несколько дней в Google, пытаясь найти ответ, я обращаюсь к людям, с которых мне следовало начать.Я установил и использую Overlay с большим успехом.Проблема заключается в том, что jQuery может вносить изменения в представление наложения.Он отлично работает в IE и FF, но не будет работать в Chrome или Safari (webkit).Я понимаю, что в webkit встроены средства защиты, но представление находится на том же сервере, что и остальная часть сайта.Что я делаю неправильно?Есть ли какие-либо советы по обходу этих ценных бумаг?Любые советы помогут.Если вы сделали это успешно, пожалуйста, включите пример кода.Мне нужно закончить это сегодня, если это вообще возможно.Этот пример является выдержкой из используемого кода.Спасибо, Ральф

var triggers = jQuery("input[rel]").overlay({
        mask: {
            color: '#ebecff',
            loadSpeed: 200,
            opacity: 0.9
        },
        effect: 'apple',
        onBeforeLoad: function() {
            // grab wrapper element inside content
            var wrap = this.getOverlay().find(".contentWrap");
            var link = "index.php?page=account.billing&option=com_virtuemart";

            //Add the link and style attributes to the basic iframe
            //jQuery(theframe).attr({ src: link, style: 'height:650px; width:760px; border:none;' });
            jQuery(theframe).attr({ src: link, style: 'height:700px; width:840px; border:none;' });

            //Write the iframe into the wrap
            wrap.html(theframe);

        },
        onLoad: function(){
            var inFrame = this.getOverlay().find("#innerFrame");
            jQuery(inFrame).contents().find('form').attr('onsubmit','window.parent.CloseOverlayFromIframe();');



        }
    });

1 Ответ

0 голосов
/ 31 октября 2012

Не используйте эффект Apple при событии document.ready () при использовании внешних таблиц стилей, чтобы предотвратить непредсказуемое поведение в Safari 3+ и Chrome (браузеры на основе WebKit). Вы увидите, что он работает в Safari и Chrome, когда вы удалите effect: 'apple',.

Сайт предлагает два способа решения проблемы с яблоком:

  • Вместо этого используйте $ (window) .load (). Это обязательно будет выполнено после загрузки таблиц стилей.
  • Определите свой стиль наложения непосредственно на странице или в строке для элемента.

в конце страницы .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...