使用javascript在HTML5中单击图像时播放音频

所以，伙计们，我这里有一个问题，当有人点击我用Jplayer尝试的图像时，我需要播放音频，但我失败了，我需要用cordova在手机上播放音频，所以它必须是一个internel播放器，而且当点击另一个文件时，第一个音频应该停止；所以我需要你们的帮助，这里是Html代码

<li><a href="javascript:;" class="track"
                    data-mp3="audio/01.mp3" > 
                    <img src="images/01.jpg" /><div><h3>Urra</h3></div>
                </a>
            </li>
            <li><a href="#"><img src="images/02.jpg" /><div><h3></h3></div></a></li>
            <li><a href="#"><img src="images/03.jpg" /><div><h3></h3></div></a></li>
            <li><a href="#"><img src="images/04.jpg" /><div><h3></h3></div></a></li>
            <li><a href="#"><img src="images/05.jpg" /><div><h3></h3></div></a></li>
            <li><a href="#"><img src="images/06.jpg" /><div><h3></h3></div></a></li>

所以它不是这样工作的

剧本

<script type="text/javascript">
            $("a.track").live("click", function(e) {
                e.preventDefault();

                $("#jquery_jplayer_1").jPlayer("setMedia", 
                    { 
                        mp3: $(this).attr("data-mp3"), 
                        oga: $(this).attr("data-ogg") 
                    })
                    .jPlayer("play");
            });
        </script>

$（“a.track”）.live（“单击”），功能（e）{
e、 预防默认值（）；
$（“#jquery_jplayer_1”）.jplayer（“setMedia”，
{ 
mp3:$（this.attr（“data-mp3”），
oga:$（this.attr（“数据ogg”）
})
.jPlayer（“播放”）；
});