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 に答える