jquery实现全屏遮罩弹窗，要求弹窗在移动端中心

可以使用CSS和jQuery实现全屏遮罩弹窗，并使其在移动设备中居中显示。以下是一个简单的示例：

HTML代码：

<div class="overlay">
  <div class="popup">
    <!-- 弹窗内容 -->
  </div>
</div>

CSS代码：

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

jQuery代码：

$(document).ready(function() {
  // 点击按钮显示遮罩层
  $("#show-popup-btn").click(function() {
    $(".overlay").fadeIn();
  });

  // 点击关闭按钮或遮罩层隐藏弹窗
  $(".close-btn, .overlay").click(function() {
    $(".overlay").fadeOut();
  });
});

在上述代码中，`.overlay`元素用于实现全屏遮罩层，`.popup`元素用于实现弹窗内容。在CSS中，我们使用`transform: translate(-50%, -50%)`将弹窗水平和垂直居中，这在移动设备上也适用。在jQuery中，我们使用`fadeIn()`和`fadeOut()`方法来显示和隐藏遮罩层和弹窗。

最后，你需要根据自己的需求修改弹窗内容和样式。