私は自分のウェブサイトでファンシー ミュージック プレーヤーを使用しており、以下の形式の複数のプレイリストがあります。
<div class="playlist">
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
</div>
<div class="playlist">
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
</div>
<div class="playlist">
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
<a href="mysong.mp3" class="fmp-my-track add_link">add this song</a>
</div>
ユーザーが1つのプレイリストのリンクを最初にクリックすると、プレイリストがクリアされ、次のクリックでプレイリストに曲が追加されます。たとえば、ユーザーが最初のプレイリストからリンクをクリックすると、プレイリストがクリアされ、プレイリストに曲が追加されます。このプレイリスト内で次にクリックすると、プレイリストはクリアされません。ユーザーがここで同じ他のプレイリストからのリンクを最初にクリックすると、プレイリストがクリアされ、次に曲が追加されます。これを実現するために以下のコードを使用していますが、機能しません。
$(".playlist").each(function(){
$(".add_link").one("click", function(){
$.fancyMusicPlayer.clear();
});
$(".add_link").click(function(){
$.fancyMusicPlayer.addTrack(this.href, this.title, this.target,false);
});
});
プレイリストに曲を追加することは正常に機能していますが、最初のクリックでプレイリストをクリアする機能が機能していません。誰でも私を助けることができますか?