尝试在点击时替换音频src值？

Question

我正在尝试为我目前正在处理的网站编制播放列表,我现在遇到了一些问题.到目前为止我已经编写了脚本,它用第二首歌取代了默认歌曲,但是没有恢复点击...任何建议？

HTML ...

<audio id="player" src="../audio/small-skeletal.mp3" type="audio/mp3" controls autoplay></audio>    

<div id="audio_list" style="margin-top: 100px;">
    <div id="track">
        <h2 class="change-song" data-track="http://www.birp.fm/music/playlists/2014/january-2014/027%20-%20Phantogram%20-%20Fall%20In%20Love.mp3">Switch to second song</h2>
        <h2 id="bb" class="change-song" data-track="http://www.logicwebmedia.com/dev/ecb/new-dev/audio/small-skeletal.mp3">Change it back!!</h2>
    </div>

$('.change-song').click(function(){
    var song = $('.change-song').data('track');
    $('#player').attr('src', song).attr('autoload', 'auto').attr('autoplay');
});

该脚本只返回第一首歌作为值,而永远不会返回第二首..如何解决这个问题？

Answer 1

改变你的 click功能为:

$('.change-song').click(function(){
    var song = $( this ).data('track');
    $('#player').attr('src', song).attr('autoload','auto').attr('autoplay');
});

this 是对单击元素的引用.