【发布时间】: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