音频播放列表 - 选择时列出消失

时间:2016-04-07 15:46:35

标签: jquery

我坚持这个......我有一个包含多个播放列表的部分和一个默认加载播放列表的主播放器。当我点击列表中的某个项目时,我必须用我单击的新替换当前播放列表。 我的问题是,当我点击一个' li'从播放列表我想要加载,内容被加载到主播放列表,但它从我点击的播放列表中消失。我生病了!你可以帮帮我吗?谢谢!

<ul class="audiolist">
    <li class="playcon"data="media/x.wav" data-autor="x"></li>
    <li class="playcon"data="media/x2.wav" data-autor="x"></li>
</ul>

<ul class="audiolist" id="randplay">
    <li data="media/01.mp3" data-autor="x">Nombre</li>
    <li data="media/02.mp3" data-autor="x2">Nombre</li>
    <li data="media/03.mp3" data-autor="x">Nombre</li>
    <li data="media/04.mp3" data-autor="x4">Nombre</li>
</ul>

<audio id="pla" src="" controls="controls";></audio>

<script>
    $('.audiolist li').click(function () {
        var newlist = $(this).parent();
        $('#randplay').html(newlist);

        var audiof = ($(this).attr('data'));
        var audioautor = ($(this).attr('data-autor'));

        $('#pla').attr('src',audiof);
        $('#autorspot').html(audioautor);
        $('#pla').attr('autoplay','auto');

    });

</script>

1 个答案:

答案 0 :(得分:1)

我发现了!我错过了.parent()旁边的.html()。没有它,它抓住了内容而不是复制它。谢谢大家!

$('.audiolist li').click(function () {
var newlist = $(this).parent().html();
('#randplay').html(newlist);