Question

关闭弹出式显示器的叠加后不删除，我写了javascript和它的按钮代码请帮助我

<script type='text/javascript'>

   $(function () {

       var overlay = $('<div id="overlay"></div>');

       $('#Button1').click(function () {


           overlay.fadeIn(1000);
           overlay.appendTo(document.body);
           $('#popup').fadeIn(1000);
       }
        );

       $('.close').click(function () {
           $('.popup').hide();
           overlay.appendTo(document.body).remove();
           return false;
       });

       $('.x').click(function () {
           $('.popup').fadeOut(1000);
           overlay.appendTo(document.body).remove();

           return false;
       });

   });

和其他一些代码

   <div class="popup" id="Div1">
    <div class='cnt23'>

        <img src="../images/Power-Shutdown-2.png" class='x' id='Img1' />
        <br />
        <br />
        <form action="" method="post">

        </form>
    </div>
</div>

如何删除关闭弹出窗口后显示的叠加层

Answer 1

同样更新：

$('.close').click(function () {
           $('.popup').hide();
           $('#overlay').remove()
           return false;
       });

Answer 2

您第二次将其附加到文档中，然后删除第二个文档：

overlay.appendTo(document.body).remove();

第一个不受影响。

如果文档上已有叠加层，则可以通过其id引用它。像这样：

$('#overlay').remove();

您甚至可以删除之前附加的变量（尚未对此进行测试，但值得一试）：

overlay.remove();

或许，在尝试上述操作之前，请在最初将变量设置为附加变量时更新变量（在$('#Button1').click中：

overlay = overlay.appendTo(document.body);

如果有效（再次，没有对它进行测试，只是一个想法）那么它将消除使用主jQuery函数再次查询文档的需要。

在关闭弹出叠加后，我想删除它

2 个答案: