1

我正在使用一个名为 Stratus 的 SoundCloud.com 音乐播放器插件。该插件允许您在指向 soundcloud 轨道的任何锚点上设置“stratus”类，单击时，会将轨道动态添加到播放器并开始播放。jsfiddle 示例：http: //jsfiddle.net/2CCS6/

除了我在下面的切换之外，我还想在 iframe 的 src 更改时从（this）切换或删除“暂停”。我将所有 .stratus 链接设置为播放按钮，问题是当它们被点击时，它们（视觉上）保持在播放状态。通过切换类暂停，我可以显示一个暂停图标来指示活动的轨道和暂停功能。

我这里的版本适用于点击功能，但它似乎干扰了它下面的功能。至于在 iframe src 更改时切换...我正在研究 this.contentWindow.location 但由于域不匹配而不确定这是否会起作用。

$('a.stratus').click(function() {
  $(this).toggleClass('pause');
  $.postMessage($(this).attr('href'), src, $('#stratus iframe')[0].contentWindow);
  return false;
});
return $.receiveMessage(function(e) {
  return $('#stratus').toggleClass('open');
}, root_url);

谢谢你尽你所能的帮助！

4

1 回答 1

1

我相信每次 src 属性更改时都会触发 .load 方法。

 $('#frameId').load(function () {
    $(this).toggleClass('pause');
 });
于 2012-09-18T16:16:30.523 回答