javascript - 当 iframe src 更改时 jQuery 切换类

Question

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

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

我这里的版本有点适用于点击功能，但它似乎干扰了它下面的功能。至于 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);

感谢您提供的任何帮助!

Answer 1

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

 $('#frameId').load(function () {
    $(this).toggleClass('pause');
 });