Question

我正试图从图形中控制HTNL5音频。第一次点击将启动歌曲，但链接停止响应点击，因此歌曲继续播放，无法停止。 e.preventDefault（）是否删除了链接的可点击性？

HTML

<div>
    <audio id="plyr">
        <!-- <audio controls="controls"> -->
        <source src="<?php echo get_bloginfo('wpurl') . '/assets/media/' . $faSong; ?>.ogg" type="audio/ogg">
        <source src="<?php echo get_bloginfo('wpurl') . '/assets/media/' . $faSong; ?>.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>
</div> <!-- END plyr DIV -->
<div id="featured-song">
    <a class="playback" href="#">
        <img class="btnPlay" src="/assets/images/play_button.png" />
    </a>
</div> <!-- END featured-song DIV -->

和jQuery是：

jQuery(function($) {
    var song = $("#plyr").get(0);

    $(".playback").click(function(e){
        e.preventDefault();
        if( song.paused ){
            song.play();
        } else {
            song.pause;
        } // end if
});

Answer 1

将song.pause更改为song.pause()

jQuery链接在第一次单击后停止响应

1 个答案: