我打开了这个帖子,因为我尝试了很多我在这里找到的方法或者用其他方法将我的自定义样式表插入带有jQuery的iframe但是没有一个工作。 而现在我被卡住了。 我对任何建议持开放态度,对我来说,如果有任何其他灵魂,没有必要使用jQuery。
这就是我现在所拥有的:
<!doctype html>
<html lang="hu">
<head>
<meta charset="utf-8">
<title><?php echo $this->title; ?></title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
<script src="js/mootools-more.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#iwiw').load(function(){
$('#iwiw').contents().find('head').append('<link href="css/iwiw.css" rel="stylesheet" type="text/css" />');
});
});
</script>
</head>
<body>
<header><!-- content --></header>
<div id="container">
<div id="left">
<iframe id="iwiw" src="http://iwiw.hu/like.jsp?u=<?php echo $url; ?>&title=<?php echo str_replace('+', '%20', urlencode($this->title)); ?>&t=tetszik&s=white" width="220px" height="120px" style="border: none;" scrolling="no" frameBorder="0"></iframe>
</div>
<div id="right"><!-- content --></div>
</div>
<footer><!-- content --></footer>
</body>
代码$ url中的是用urlencode编码的当前网址和$ this-&gt;标题是当前网页标题,你可以看到我的文档类型是html5,你看不到的是iframe的SRC是XHTML过渡。
实际上iframe是原始的工作代码,如果您想测试它,只需将$ url替换为您网站的网址,将$ this-&gt;标题替换为您网站的标题。
答案 0 :(得分:2)
除非当前页面也来自iwiw.hu,否则你不能这样做。有一个cross-domain limitation,如果您创建的<iframe>
位于您的域外,则无法触及输出。
答案 1 :(得分:0)
这里有一些答案......除非iframe域名从主页面延迟。