Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery从iframe中更改全局css属性_Javascript_Jquery_Css - Fatal编程技术网

Javascript jQuery从iframe中更改全局css属性

Javascript jQuery从iframe中更改全局css属性,javascript,jquery,css,Javascript,Jquery,Css,我使用了colobox,它是一个jquery模式窗口,通过iframe中调用的模式页面创建登录/注册过程。我希望能够从iframe中的链接切换css。在iframe中切换ajax页面时,我试图更改模式窗口的高度。如果我尝试这样的事情,它不会起作用 $(".link").click(function () { $('#a').css('height', '763px!important'); }); 这是可能的还是我应该现在就睡觉 $('#a, #b, #c').css('height'

我使用了colobox,它是一个jquery模式窗口,通过iframe中调用的模式页面创建登录/注册过程。我希望能够从iframe中的链接切换css。在iframe中切换ajax页面时,我试图更改模式窗口的高度。如果我尝试这样的事情,它不会起作用

$(".link").click(function () {
  $('#a').css('height', '763px!important');
  });
这是可能的还是我应该现在就睡觉

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

jquery网站上也有一个,查看它可能会有用

编辑
关于iframe问题,您可以使用
parent
变量访问包含此iframe的父窗口。例如,这会将父浏览器窗口重定向到google主页:
parent.location.href=http://google.com“

我从未在jquery中尝试过这一点,但可能类似于
$(parent.document)。find(“#a”)
也会在父文档中执行搜索

jquery网站上也有一个,查看它可能会有用

编辑
关于iframe问题,您可以使用
parent
变量访问包含此iframe的父窗口。例如,这会将父浏览器窗口重定向到google主页:
parent.location.href=http://google.com“

我从未在jquery中尝试过这一点,但可能类似于
$(parent.document)。find(“#a”)
也会在父文档中执行搜索


尝试使用类似于

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

$(文档).ready(函数(){
$('style[name=“changeStyle”]').html('myChangedStyle{background:green;}');
});

尝试使用类似

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

$(文档).ready(函数(){
$('style[name=“changeStyle”]').html('myChangedStyle{background:green;}');
});

谢谢,这是一种更好的写作方式。我将编辑我的问题,因为我意识到这不是问题所在,我甚至不能用一个选择器来完成这项工作。真正的问题是,我试图在iframe中实现这一点:-/@zac我已将“parent”更改为“parent.document”。显然,我们不会在Window对象中查找文档元素。。。同时我也发现了一些问题,我最终使用了“top.document”,谢谢你的帮助@好吧,window.top与window.parent非常相似,只是它返回的是最顶层的parent:谢谢,这是一种更好的编写方法。我将编辑我的问题,因为我意识到这不是问题所在,我甚至不能用一个选择器来完成这项工作。真正的问题是,我试图在iframe中实现这一点:-/@zac我已将“parent”更改为“parent.document”。显然,我们不会在Window对象中查找文档元素。。。同时我也发现了一些问题,我最终使用了“top.document”,谢谢你的帮助@zac嗯,window.top与window.parent非常相似,只是它返回最顶层的父级: