0

我打开了这个线程,因为我尝试了很多我在这里或其他地方找到的方法来将我的自定义样式表插入到带有 jQ​​uery 的 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 编码的当前 url,$this->title 是当前页面标题,您可以看到我的文档类型是 html5,而您没有看到 iframe 的 SRC 是 XHTML 过渡。

实际上 iframe 是原始工作代码,如果您想对其进行测试,只需将 $url 替换为您网站的 url 并将 $this->title 替换为您的网站标题。

4

2 回答 2

2

除非当前页面也来自 iwiw.hu,否则您不能这样做。有一个跨域限制<iframe>,如果您创建的输出在您的域之外,您将无法触摸它。

于 2012-09-15T16:51:33.683 回答
0

这里有一些答案……除非 iframe 域与主页不同。

如何将 CSS 应用于 iframe?

于 2012-09-15T16:57:04.037 回答