jquery弹窗怎样关闭才能下一步操作，非常急

Question

这个弹窗代码现在是点窗口以外界面就自动关闭了。主页面滚动条还可以动。
怎么实现点关闭x才能下一步操作，不然不允许任何操作.
这个是用再手机端的，弹出来的窗口尺寸怎么才可以适应任何手机。最好有具体修改好的代码.

 function pop(obj){
  function tanchuang(obj){$('body').append('<div id="mry-opo"><div id="mry-opo-title"></div><div  id="mry-opo-content"></div><div id="mry-opo-content1"></div></div>');var div = $('#mry-opo');$('#mry-opo-title').text(obj.title);$('#mry-opo-content').text(obj.content);
$('#mry-opo-content1').text(obj.content1);
$("#mry-opo-content").niceScroll({cursorborder:"",cursorcolor:"blue",touchbehavior:true});
div.css('width',obj.width+'px');div.css('height',obj.height+'px');
div.css('margin-left',-(parseInt(obj.width)/2)+'px');div.css('margin-top',-(parseInt(obj.height)/2)+'px');
div.css('background',obj.backgorund);$('#mry-mask').css('display','block');}
function del(){$('#mry-opo').append('<a href="javascript:void(0)" deletes="mry-opo" style="position:absolute;right:10px;top:2px;color:red;font-size:20px;">关闭X</a>');   
   $('[deletes=mry-opo]').click(function(){$('#mry-opo,#mry-mask').remove();});}$('body').append('<div id="mry-mask" deletes="mry-opo"></div>');
                  var ject=obj;ject.width = parseInt(obj.width)||300;ject.height = parseInt(obj.height)||300;ject.title=obj.title||'群活动送永久VIP'; 
                  ject.content = obj.content||'这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息这是一个提示信息';
ject.content1 =obj.content1||'官网下载地址→https://w.slipw.cn';
ject.backgorund=obj.backgorund||'#fff';tanchuang(ject);del();}

 $(document).ready(function() {
     aa();
      });

Answer 1

建议弄layer ui库，layer.open()满足你的需要。
下载地址
api文档

像我这，先弹窗提示：危险操作，用户点击‘确认删除’后才进行删除操作的

 var delSchool = layer.confirm("此操作不可恢复，请谨慎操作!", {
            btn: ['确认删除','取消'], //按钮
            yes: function() {
                layer.close(delSchool);
                $.ajax({
                    url: path+"/delSchool",
                    type: "post",
                    data: {
                        code:code,
                        accessToken:'${accessToken}'
                    },
                    success: function(msg){
                        layer.msg(msg.message);
                        getSchoolList();
                    }
                })
            }
        });