无法在第一次点击中复制

Question

我无法在第一次点击时从textarea复制值。

我正在使用弹出框。

我认为问题是隐藏 .footer-result-box textarea。

我正在使用这样的代码：

HTML：

<div id="popup-box">
    <div class="footer-result-box" style="height:0px">
    <textarea id="final-interest"></textarea> //textarea
    </div>

    <button class="btn-copy-all"> COPY </button> //copy button
</div>

jQuery：

$(".btn-copy-all").click(function() {
    //im use this code for get value from table when row selected.
    if (states.activeScreen == "interest") {
        var datas = new_tabel_interest.rows(".selected").data();
    }

    if (states.activeScreen == "related") {
        var datas = new_tabel_page_interest.rows(".selected").data();
    }
    res = "";
    for (i = 0; i < datas.length; i++) {
        if (res != "") res += ",";
        res += datas[i][2];
    }

    //EXECUTE
    $("#final-interest").val(res); //texarea get value from selected row

    $(".footer-result-box").animate({
        height: "205px"
    }); //display box 

    $("#final-interest").select(); //select textarea value
    document.execCommand('copy'); //copy the result

    $("#popup-box").css({
     display: "none"
    }); //close popup-box

    alert("Copied!");
});

代码运行良好，但结果未复制。

我的目标：

• 成功复制textarea值，然后关闭#popup-box。

  

当我选择行表时，Textarea值将从表中获取DATA。