私のメインページには「音楽」ボタンがあり、music.txtをロードします
script.js
$("#music").load("music.txt");
$(document).on('click', '.song', function (){
var songDetails= $(this).closest('li').attr('id');
$(this).load(songDetails+'.txt');
});
music.txt:
<span class="song"> bl </span>
そのため、music.txtは曲のリストを読み込みます。そして、各曲は としてリストされてい<li>
ます。
たとえば、hotelcalifornia.txt では次のようになります。
<div class="details">
Eagles, 4:30, Sony Music
<span class="minimize"> Minimize </span>
</div>
クリックすると、曲の詳細が表示されます。しかし、最小化/非表示にすることはできません。
$(document).on('click', '.minimize', function () { $('.details').hide(); });
動作しません。