2011-01-03 6 views
4

Я пытаюсь добавить файл css в iframe, созданный на странице из глобального скрипта. Я могу получить доступ к его части, но по какой-то причине я не могу добавить ее в голову. Это тоже не вызывает ошибок, что разочаровывает.jQuery append css link to iframe head

<script type="text/javascript"> 
$(document).ready(function() {     
    $('#outline_text_ifr') 
    .contents() 
    .find('head') 
    .append('<link type="text/css" rel="stylesheet" href="/include/outline.css" media="all" />'); 
}); 
</script> 
+0

вы откроете эту страницу в том же домене? –

+0

Это тот же домен. Таким образом, кросс-домен не является проблемой. – Micharch54

+0

Возможный дубликат [Добавить таблицу стилей в iframe с помощью jQuery] (http://stackoverflow.com/questions/624979/append-a-stylesheet-to-an-iframe-with-jquery) – hunter

ответ

8
var $head = $("#IFrame").contents().find("head"); 
var url = "Styles/styles.css"; 
$head.append($("<link/>", { rel: "stylesheet", href: url, type: "text/css" })); 

или

 $('#IFrame').contents().find('#div1').css({ 
      color: 'purple' 
     }); 
+1

Perfect !! Работает для меня, как только я его использовал :-) – jeeva