Jquery、with audio

Question

私は曲のリストを持っていますが、クリックすると特定のリンクソングを変更する必要があります。 曲は変更されましたが、もう再生されません。何か案は？

<div id="music"> 
    <a href="horse.mp3">horse music</a> 
    <a href="eminem.mp3">Eminem song</a> 
</div> 
<audio controls> 
    <source src="1.mp3" type="audio/mpeg"> 
</audio> 

と

<script> 
    $(document).ready(function(){ 
     $('#music a').click(function(){ 
      event.preventDefault(); 
      var value = $(this).attr('href'); 
      $('p').html("<p>"+value+"</p>"); 
      $('source').attr("src", value); 
      audio.load(); 

     }); 
    }); 
</script> 

Answer 1

$(document).ready(function() { 
     $('#music a').click(function() { 
      event.preventDefault(); 
      var value = $(this).attr('href'); 
      $('p').html("<p>"+value+"</p>"); 
      $('source').attr("src", value); 
      var audio = $('audio'); 
      audio.attr('src', value); 
      audio.load(); 
      audio.trigger('play'); 
     }); 
    }); 

Answer 2

このコードを試してみてください、

$(document).ready(function(){ 
    $('#music a').click(function(){ 
     event.preventDefault(); 
     var audioElement = $("audio"); 
     var value = $(this).attr('href'); 
     $('p').html("<p>"+value+"</p>"); 
     audioElement.attr('src', value); 
     audioElement.trigger('play'); 
    }); 
}); 

が、これはあなたのために働くことを願っています。