Question

我正在使用名为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);

感谢您提供的任何帮助！

Answer 1

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

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

当iframe src发生变化时，jQuery切换类

1 个答案: