HTML5音頻jQuery。點擊播放問題

Question

我需要另一組眼睛。

我有各種「懸停聲音」，使用HTML5工作正常。現在我試圖添加「點擊播放」圖片，使用jQuery播放HTML音頻。這裏是我的代碼：點擊後

$(".audio_photography").click(function(){ 
      photography_audio.play(); 
     }, 
     function(){ 
      photography_audio.pause(); 
     }); 

和HTML

 <span class="audio_photography"> 
      <audio id="photography_audio"> 
       <source src="audio/cherish-the-day.mp3" type="audio/mpeg"></source> 
       <source src="audio/cherish-the-day.ogg" type="audio/ogg"></source> 
      </audio> 
     </span> 

什麼也沒有發生。我仔細檢查了我的mp3/ogg的路徑，它是正確的。

關於我在做什麼錯的任何想法？

以防萬一，這裏是整個jQuery腳本：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".main-navigation li").hover(function(){ 
      main_navigation_audio.play(); 
     }, 
     function(){ 
      main_navigation_audio.load(); 
     }); 
     $("#primary a, #secondary a, footer a").hover(function(){ 
      link_audio.play(); 
     }, 
     function(){ 
      link_audio.load(); 
     }); 
     $(".site-title a").hover(function(){ 
      header_audio.play(); 
     }, 
     function(){ 
      header_audio.load(); 
     }); 
     $("input, textarea, .site-header").hover(function(){ 
      input_textarea_audio.play(); 
     }, 
     function(){ 
      input_textarea_audio.load(); 
     }); 
     $(".audio_photography").click(function(){ 
      photography_audio.play(); 
     }, 
     function(){ 
      photography_audio.pause(); 
     }); 
    }); 
</script> 

感謝。

Answer 1

這是我現在使用的腳本，它似乎工作。

 $('.audio_photography').click(function(){ 
       if(photography_audio.paused){ 
       photography_audio.play(); 
       } else { 
       photography_audio.pause(); 
       } 
     });