2016-06-03 2 views
-2

У меня есть страница с документом Scorm, сгенерированным в iFrame (с iSpring). Есть ли способ применить правила CSS к нему с веб-сайта с помощью JQuery? (См серого фона на рисунке из инструмента Dev Хрома, представленные как «#document»)Настроить поддоку с помощью JQuery?

enter image description here

Я пытался, но так как документ SCORM генерируются после того, как страницы, JQuery не распознает его. ..

+0

IIRC, вы не можете ориентировать элементы, загруженные в плавающем фрейме, из-за для перекрестной защиты домена. – Kyle

ответ

0

Итак, ваш вопрос в основном заключается в том, как нацеливать/манипулировать содержимым iframe с помощью jQuery. Вы можете указать .contents(). Например. для изменения background-color:

$("iframe").contents().find("body").css("background-color", "hotpink");

Edit: Использование что-то подобное может гарантировать, что плавающий фрейм-контент уже загружен:

$("iframe").on("load", function() { 
    $(this).contents().find("body").css("background-color", "hotpink"); 
}); 
+0

Да, извините, я отредактировал эту тему. Ваше решение не работает, к сожалению:/Я начинаю думать, что это невозможно, поскольку содержимое iFrame создается после страницы. –

+0

Это определенно работает, уже использовало его в прошлом. Однако вы должны убедиться, что iFrame-контент уже загружен, когда он начинает манипулировать им! – MattDiMu

+0

Это было правильное решение. Огромное спасибо. –

Смежные вопросы