【问题标题】:Adding class from parent to href in iframe将类从父级添加到 iframe 中的 href
【发布时间】:2012-09-27 00:47:35
【问题描述】:

我已经搜索和搜索无济于事,所以如果这已经在其他地方发布但我找不到它,我深表歉意。或者我可能已经找到它,但对使用它来解决我的问题的解决方案了解不够。

我在我的网站上使用http://stratus.sc/ 音乐播放器。它允许点击网站正文中曲目的链接,并让它们在底部的播放器上播放。看起来像这样:

父 Javascript

<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>


<script type="text/javascript">
$(document).ready(function(){
$.stratus({
  links: 'http://soundcloud.com/someartist'
});
});
</script>

iframe HTML:

<a href="http://soundcloud.com/track"  class="stratus">Track Name</a> 

出现我的问题是因为我网站上的所有内容都显示在 iframe 中,因此播放器将在用户导航时继续播放。我需要 iframe 中的 href 在父窗口中查找类“stratus”,但找不到正确的语法来执行此操作。看起来它应该有一个相当简单的解决方案,但我在 HTML 方面还是个新手,在 Javascript 和 jquery 方面更是如此。

提前谢谢你。

【问题讨论】:

  • 如果您正在托管有问题的页面,您不能只将样式表附加到子框架吗??
  • 我现在从 tumblr 运行它,理论上我可以托管它。我不明白你的意思;我不认为这与样式表有任何关系?
  • 理论上,iframe 的内容应该附加自己的 css(html、head、body 标签)。如果您正在托管正在构建的页面,那么您可以控制将样式数据添加到相关页面。您可以发布指向相关工作页面的链接吗?这会增加很多说明。
  • 没有意识到点击返回会发布。顶部的“Play Supersized”位于 iframe 内,下方的位于父页面上并且工作正常

标签: html iframe href audio-player stratus


【解决方案1】:

$(".stratus") 将选择类 stratus

的所有元素

【讨论】:

  • 我将在哪里以及如何使用它?即使在父级中定义了函数,它是否会从 iframe 中选择它们?
  • 那么我如何让它在 iframe 中选择具有该类的所有元素?它只需要在 iframe 中查找,它的外面永远不会有内容
  • 它将选择文档中具有该类的所有元素,包括 iframe。如果由于某种原因您需要更具体,请先使用 iframe (FOO) 的类 -- $(".FOO .stratus")
  • 如果它选择了包括在 iframe 中的所有元素,代码不应该按原样工作吗?我回家后会尝试你的建议,谢谢你的帮助
  • 无法解决这个问题。已发布here。如果有人可以玩弄它并回复我,那就太棒了。很抱歉它是多么混乱和评论,直接从模板中撕下来。再次感谢
猜你喜欢
  • 2014-05-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-13
相关资源
最近更新 更多