Question

当点击音频播放器上的歌曲时，我试图显示/隐藏表格。我希望在点击不同的歌曲时更改表格，这意味着上一个表格会在新表格出现时消失。

我正在使用此音频播放器： https://amazingaudioplayer.com/examples/responsive-html5-audio-player-with-playlist-id10/

我尝试过使用Jquery，但到目前为止，它不起作用:(：

<script type='text/javascript' src='https://amazingaudioplayer.com/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='https://amazingaudioplayer.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/sharedengine/amazingaudioplayer.js?ver=1.0'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#show").click(function(){
            $("#table").show();
        });
    });
</script>

<div id="amazingaudioplayer-10" style="display:block;position:relative;width:100%;height:auto;margin:0px auto 0px;">
    <ul class="amazingaudioplayer-audios" style="display:none;">
        <li id="show" data-artist="pinkzebra" data-title="In The Moment of Inspiration" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/golden-wheat-field.jpg" data-duration="154">
            <div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/In the Moment of Inspiration.mp3" data-type="audio/mpeg" />
            <div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/In the Moment of Inspiration.ogg" data-type="audio/ogg" />
        </li>
    <ul>
<div>
<div>
    <table id="table">
        ...
    </table>
</div>

有人可以告诉我，使用响应式音频播放器我是否可以尝试做什么？并指出我做错了什么？

非常感谢您的帮助和解答。

单击音频播放器时显示/隐藏表格

0 个答案: