Javascript jQuery从iframe中更改全局css属性
我使用了colobox,它是一个jquery模式窗口,通过iframe中调用的模式页面创建登录/注册过程。我希望能够从iframe中的链接切换css。在iframe中切换ajax页面时,我试图更改模式窗口的高度。如果我尝试这样的事情,它不会起作用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'
$(".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非常相似,只是它返回最顶层的父级: