Question

我要求帮助解决以下问题。 https://jsfiddle.net/2Lrn7wv7/

如果要添加新选项卡（单击带有“+”符号的选项卡），将出现带有深色背景的弹出窗口。如果随后添加更多选项卡，弹出窗口将显示没有任何背景。因此，只有在第一次调用弹出窗口时才会出现深色背景。我猜smth错误在这些行内（JS FIddle中的第4-25行）：

$("#tab_0").click(function () {
    $("#popup__bgr").fadeIn(300,
        function () {
            $("#popup").css("display", "block").animate({opacity: 1, top: '50%'}, 200);
        });
    $(function () {
        $("#inputName").val("");
    });
});

Answer 1

您应该删除关闭弹出窗口的整个style属性

$( "#popup__bgr" ).fadeOut( 200 ).removeAttr('style'); // add .removeAttr()

因为popup__bgr div在第一次打开并关闭弹出窗口后导致opacity 0 opacity:0 and top:45%。

或

删除重复的以下行中的$( "#popup__bgr" ).animate(// Remove opacity:0 and top:45% keep the rest，请参阅演示2

"assets" : "{\"original\": [], \"thumbnail\": [], \"type\": []}"

Demo

Demo 2

背景只出现一次

1 个答案:

Demo

Demo 2