jQuery从iframe中更改全局css属性

时间:2010-10-05 07:27:56

标签: javascript jquery css

我使用colobox这是一个jquery模式窗口,通过在iframe中调用的模态页面来创建登录/调用过程。我希望能够从iframe中的链接切换css。我想在iframe中的ajax页面之间切换时改变模态窗口的高度。如果我尝试这样的东西它不起作用..

$(".link").click(function () {
  $('#a').css('height', '763px!important');
  });

这可能或我现在应该去睡觉吗?

3 个答案:

答案 0 :(得分:4)

$('#a, #b, #c').css('height', '763px!important');

http://api.jquery.com/multiple-selector/

jquery网站上还有一个list of all available selectors,查看它可能会有用。

修改
关于iframe问题,您可以使用parent变量访问包含此iframe的父窗口。例如,这会将父浏览器窗口重定向到主页google页面:parent.location.href='http://google.com' 我从未尝试使用jquery,但也许像$(parent.document).find('#a')这样的东西也会在父文档中执行搜索。

https://developer.mozilla.org/en/DOM/window.parent

答案 1 :(得分:1)

尝试使用与

类似的内容
<style name="changeStyle">
</style>
<script>
    $(document).ready(function(){
        $('style[name="changeStyle"]').html('#myChangedStyle{background:green;}');
    });
</script>

答案 2 :(得分:0)

jQuery('selector1,selector2,seleccto3....').SomeAction(); 
//separate sectors with comma

in your case

jQuery('#a,#b,#c').css('height', '763px!important');