1

そのため、選択した曲が表示されていないときに曲が表示されないという問題があります。

私はSoundcloudのAPIカスタムプレーヤーを使っているので、

<div class="sc-player">
    <a href="http://soundcloud.com/user/song">Song Name</a>
</div>

ページの読み込み時にこれに変わります: http://nowthatsgenius.com/clients/ageniusalbum/ (追加するには多すぎますが、私の例があります)。

そのため、曲が終了して次の曲が始まると、LI クラス 'active' が前の曲から削除され、新しい曲の LI に追加されます。したがって、次の曲をスクロールして表示するには、ScrollTo スクリプトが必要です。私は UI デザイナーであり、jQuery の知識は多少ありますが、この問題を解決するには十分ではありません。

最終目標はモバイルです。聴いているときに、現在の曲を確認する必要がある場合、たとえば電話がスリープ状態になった場合、電話を元に戻して確認すると、アクティブな曲が表示されている必要があり、スクロールする必要はありません。アクティブな曲を見つけます。

私はこのスクリプトを使用しています: http://flesler.blogspot.com/2007/10/jqueryscrollto.html

$(document).ready(function() {
$(".sc-player").scrollTo($('.sc-trackslist li.active'), 800 );
});

ScrollTo 関数を呼び出そうとしましたが、それが発生すると、次のようになります。

「Uncaught TypeError: 未定義のプロパティ 'slice' を読み取れません」エラー

解決への糸口をご存知でしたら教えてください。

ありがとう！

4

0 に答える 0