Question

我有一个div而不是包含音频播放器。提交表单时，它将克隆div并删除原始div，以便在从服务器获取新链接时，克隆的div将通过新链接附加到音频源。虽然克隆div存在但我删除它后无法附加div。我已经检查了克隆的div是否存在，并且它存在。我正在尝试根据新用户请求播放音频。从服务器成功获取数据。

这是div

<div class="audioDiv">
    <audio controls="controls" id="audioplayer">
        <source src="" type="audio/mp3" class="audioSource"/>
        <source src="" type="audio/ogg" class="audioSource"/>
    </audio>
</div>

这是脚本

$(document).ready(function(e){
$("#loading").hide();

var form = $('#player-form');

var u;
form.submit(function (e) {
    var cloneDiv = $("#audioplayer").detach();
    e.preventDefault();

    $.ajax({
        type: form.attr('method'),
        url: form.attr('action'),
        data: form.serialize(),
        dataType : 'json',
        timeout : 100000,
        beforeSend:function(){
            $("#loading").show();
        },
        complete:function(){
            $("#loading").hide();
        },
        success : function(data) {
            console.log("SUCCESS: ", data.link);
            $(".audioSource").attr('src',data.link);

            $(cloneDiv).appendTo('.audioDiv');

            console.log(cloneDiv);

            plyr.setup();

        },
        error : function(e) {
            console.log("ERROR: ", e);
        }
        });
    });
});

Answer 1

您没有audioDiv的ID

$(cloneDiv).appendTo('.audioDiv');
cloneDiv.appendTo('.audioDiv');

分离后无法附加div

1 个答案: