将.css文件附加到iframe,以便可以覆盖样式

时间:2011-11-28 17:26:42

标签: javascript jquery css iframe

我这样想:

$(document).ready(function(){
    $('#muestraMotor').bind('mousedown',function(){
        var cssLink = document.createElement("link");
        cssLink.href = "../estilo/css/datepicker.css";  cssLink .rel = "stylesheet";  
        cssLink .type = "text/css";  
        frames['cboxIframe'].document.body.appendChild(cssLink); 
    });
})

其中cboxIframe是iframe的ID,

Firebug跳跃:

  

frames.cboxIframe未定义
  [Detener en este error] frames ['cboxIframe']。document.body.appendChild(cssLink);

- 编辑 -

我现在尝试这样

$(document).ready(function(){
    $('#txtRsvButtonGold').bind('mousedown',function(){
        var $head = $("iframe#cboxIframe").contents().find("head");                
        $head.append($("<link/>", { rel: "stylesheet", href: "http://sameDomain.com/css/datePicker.css", type: "text/css" }));

    });
});

没有错误,但我看不到带有firebug的.css文件(并且没有应用corse样式)

1 个答案:

答案 0 :(得分:2)

您需要传递框架的id属性(或页面上的数字索引),而不是将frames传递给name