Question

我一直试图让这一整天工作，我想用jquery更改iframe里面的css。它在独立页面上工作正常，我可以更改iframe中的其他属性，而不是我想用id =“theme-changer”更改的.css href？这真的是我的错误。该页面是一个独立页面，因此目前它会更改主题切换ID。它不在同一个域上的XSS。我试图将jQuery .contents应用于.click函数，但它似乎不起作用。

<style type="text/css">@import url("theme-switcher.css");</style>
<link id="theme-toggle" href='firenze.css' rel='stylesheet' type='text/css' />
<link id="b" href='a.css' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>


<script>google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{

// Color changer
$(".cherrycheesecake").click(function(){
$("#theme-toggle").attr("href", "cherry-cheesecake.css");
return false;
});

$(".sandystonebeach").click(function(){
$("#theme-toggle").attr("href", "sandy-stone-beach.css");
return false;
});             

$(".firenze").click(function(){
$("#theme-toggle").attr("href", "firenze.css");
return false;
});
});
</script>
</head>
<body>
<div id="colorchanger">
<a class="colorbox sandystonebeach" title="Sandy stone beach"></a>
<a class="colorbox firenze" title="firenze"></a>
<a class="colorbox cherrycheesecake" title="Cherry Cheesecake"></a>

</div>
<h1>h1</h1><br />
<h2>h2</h2><br /> 
<h3><a href="#">h3</a></h3><br />

使用jQuery更改iframe中的属性

0 个答案: