Javascript 淡入/淡出不&x27；不能使用附加div

我尽了最大的努力做了一些研究，但还是没有弄明白。 我的目标是为我的期末考试网站的一部分创建一个容易编码的灯箱，我正在开发这个网站

请你帮我解决这个烦人的问题，我将不胜感激

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（'body'）。追加（'
[x]
'）；
$（'body'）。追加（''）；
$（'lb shadow'）。法代因（6000）；
$（'磅集装箱'）.fadeIn（6000）；
$（'#lb shadow'）。单击（函数（）{
$（“#磅容器”）。淡出（6000）；
$（'lb shadow'）。淡出（6000）；
$（'#lb container'）.detach（）；
$（'#lb shadow'）.detach（）；
});
});
});
#lb btn{
位置：绝对位置；
大纲：0；
边界：0；
填充物：5px10px；
光标：指针；
背景色：黑色；
}
#磅btn p{
填充物：5px；
颜色：#ccc；
边框：1px纯白；
}
#lb阴影{
位置：绝对位置；
左：0；
右：0；
身高：100%；
宽度：100%；
背景色：rgba（0,0,0,0.7）；
}
#lb-x{
颜色：#ccc；
文本转换：大写；
浮动：对；
利润率：15px；
光标：指针；
过渡：ease.3s；
}
#lb-x：悬停{
颜色：白色；
}
#磅集装箱{
位置：绝对位置；
高度：400px；
宽度：600px；
左：计算（50%-300px）；
顶部：calc（50%-200px）；
背景色：白色；
}

明赫姆西达
登录/注册

如果问题是单击处理程序，请尝试像这样全局附加事件侦听器，即使元素是在侦听器之后创建的，这种方法也应该有效。（否则，对您的问题的重复评论将解决问题）

$（文档）.ready（函数（）{
$（文档）.on（'click'，'lb shadow'，函数（）{
$（“#磅容器”）。淡出（6000）；
$（'lb shadow'）。淡出（6000）；
$（'#lb container'）.detach（）；
$（'#lb shadow'）.detach（）；
});
$（“按钮”）。单击（函数（）{
$（'body'）。追加（'
[x]
'）；
$（'body'）。追加（''）；
$（'lb shadow'）。法代因（6000）；
$（'磅集装箱'）.fadeIn（6000）；
});
});
如果问题是单击处理程序，请尝试像这样全局附加事件侦听器，即使元素是在侦听器之后创建的，这种方法也应该有效。（否则，对您的问题的重复评论将解决问题）

$（文档）.ready（函数（）{
$（文档）.on（'click'，'lb shadow'，函数（）{
$（“#磅容器”）。淡出（6000）；
$（'lb shadow'）。淡出（6000）；
$（'#lb container'）.detach（）；
$（'#lb shadow'）.detach（）；
});
$（“按钮”）。单击（函数（）{
$（'body'）。追加（'
[x]
'）；
$（'body'）。追加（''）；
$（'lb shadow'）。法代因（6000）；
$（'磅集装箱'）.fadeIn（6000）；
});
});
我解决了

我刚刚在lb容器上添加了display:block和lb shadow。显然，淡入淡出效果会自动触发它，我也减少了我的js代码


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（'body'）。追加（'
[x]
'）；
$（'body'）。追加（''）；
$（'#lb shadow'）.fadeIn（）；
$（'#lb container'）.fadeIn（）；
$（'#lb shadow'）。单击（函数（）{
$（'#lb container'）.fadeOut（）；
$（'#lb shadow'）.fadeOut（）；
});
});		
});我解决了

我刚刚在lb容器上添加了display:block和lb shadow。显然，淡入淡出效果会自动触发它，我也减少了我的js代码


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（'body'）。追加（'
[x]
'）；
$（'body'）。追加（''）；
$（'#lb shadow'）.fadeIn（）；
$（'#lb container'）.fadeIn（）；
$（'#lb shadow'）。单击（函数（）{
$（'#lb container'）.fadeOut（）；
$（'#lb shadow'）.fadeOut（）；
});
});		
});可能重复的可能重复的可能重复的我尝试了你的代码，但它对我不起作用，但至少你给了我一些精力，让我今晚而不是明天再使用它！我尝试了你的代码，但它对我来说不起作用，但至少你给了我一些精力，让我今晚而不是明天再使用它！
$(document).ready(function () {

    $(document).on('click', '#lb-shadow', function(){
        $('#lb-container').fadeOut(6000);
        $('#lb-shadow').fadeOut(6000);
        $('#lb-container').detach();
        $('#lb-shadow').detach();
    });

    $('button').click(function() {
        $('body').append('<div id="lb-shadow"><p id="lb-x">[ x ]</p></div>');
        $('body').append('<div id="lb-container"></div>');
        $('#lb-shadow').fadeIn(6000);
        $('#lb-container').fadeIn(6000);
    });
});