Question

实际上如何关闭我已经通过点击功能获得的叠加，我的意思是当我点击迷你购物车时，迷你购物车将显示并且页面的其余部分被覆盖，当我关闭点击按钮时它恢复正常，其他单词，有jquery自己的特定方法来删除我之前追加的元素，谢谢

          var docHeight = $(document).height();
   var overlay = $("<div id='overlay'></div>");

   $('#mini-cart').click(function() {   
   $("body").append(overlay);   
   $("#overlay")
      .height(docHeight)
      .css({
         'opacity' : 0.4,
         'position': 'absolute',
         'top': 0,
         'left': 0,
         'background-color': 'black',
         'width': '100%',
         'z-index': 5000
      });     
    });

   $('#close').click(function() {   
    $("body").remove(overlay);     
    });

Answer 1

要删除附加元素，请尝试：

jquery remove当你想删除元素本身及其中的所有内容时，请使用.remove（）。除了元素本身之外，还删除了与元素关联的所有绑定事件和jQuery数据。

或

jquery detach .detach（）方法与.remove（）相同，除了.detach（）保留与删除的元素关联的所有jQuery数据。当删除的元素稍后要重新插入DOM时，此方法很有用。

示例：$( ".hello" ).remove();此处$( ".hello" )是选择器。

如何关闭叠加层

1 个答案: