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

这个弹窗代码现在是点窗口以外界面就自动关闭了。主页面滚动条还可以动。
怎么实现点关闭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();
      });
0

2个回答

建议弄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();
                    }
                })
            }
        });
1
weixin_43965271
weixin_43965271 怎么结帖,我在开个贴帮忙解决下
9 个月之前 回复
weixin_43965271
weixin_43965271 非常感谢,现在加到手机端里去了,但是有个问题,父页面还可以滚动,导致弹出的窗口不正常。电脑端的没问题。
9 个月之前 回复
qq_31122833
小达哥的垃圾桶 回复weixin_43965271: 同样,layer中有很多应用场景,总有一个适合你,建议看看我给你的api文档
9 个月之前 回复
qq_31122833
小达哥的垃圾桶 回复weixin_43965271: 看我评论
9 个月之前 回复
weixin_43965271
weixin_43965271 这是弹窗组件是吗? 我上面代码不用,重新用layer来完成。那怎么才可以点关闭才能下一步才操作呢!判断代码怎么写
9 个月之前 回复

系统事件高于 H5的事件 怕是要和客户端沟通

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!