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(); 
       } 
     });