jQuery MiniUI

标题: bug-弹出页面无法关闭 [打印本页]

作者: zhangting 时间: 2017-7-21 15:07:35 标题: bug-弹出页面无法关闭

问题描述

pen页面后，在空白地按退格键两次，页面无法关闭。用户体验非常差，建议修复。
场景再现:1进入miniui demo，  http://miniui.com/demo/
            2：快速入门-典型界面-表格维护弹出：点击增加按钮弹出增加页面，鼠标点击到右侧空白遮罩的地方，然后退格两次。弹出的增加页面就关闭不了了。
            [attach]9561[/attach]

作者: felt 时间: 2017-7-22 11:12:27

因为你回退的时候已经将弹出页面的父页面关闭了，需要先关闭子页面再关闭父页面，这情况下我们建议还是屏蔽一下回退功能。

作者: zhangting 时间: 2017-7-24 09:01:17

felt 发表于 2017-7-22 11:12
因为你回退的时候已经将弹出页面的父页面关闭了，需要先关闭子页面再关闭父页面，这情况下我们建议还是屏蔽 ...

屏蔽现在我只能屏蔽文本框回退。但是点右侧空白遮罩的时候，回退的时无法获取回退事件。不知道在哪个页面写。您能在您现在的这个例子上修改好。告诉我一下修改的方法吗？非常感谢。

作者: dforce 时间: 2017-7-24 11:22:03

zhangting 发表于 2017-7-24 09:01
屏蔽现在我只能屏蔽文本框回退。但是点右侧空白遮罩的时候，回退的时无法获取回退事件。不知道在哪个页面 ...

如果所有页面都需要禁掉退格切换页面的功能，可以把这段js放一个独立js文件来引用
      $(document).keydown(function (e) {
         e = window.event || e;
         var code = e.keyCode || e.which;
         if (code == 8) {
            var src = e.srcElement || e.target;
            var tag = src.tagName;
            if (tag != "INPUT" && tag != "TEXTAREA") {
                  e.returnValue = false;
                  return false;
            } else if ((tag == "INPUT" || tag == "TEXTAREA") && src.readOnly == true) {
                  e.returnValue = false;
                  return false;
            }
         }
      });

作者: zhangting 时间: 2017-7-24 12:38:47

dforce 发表于 2017-7-24 11:22
如果所有页面都需要禁掉退格切换页面的功能，可以把这段js放一个独立js文件来引用
$(document).k ...

禁用回退的方法，我试过了。在弹出的页面回退都可以禁用。但是点右边空白遮罩的时候在回退就获取不到这个事件了。我的禁用方法是写在共用的js里的。父子级所有页面都有引用。

作者: dforce 时间: 2017-7-25 13:38:21

zhangting 发表于 2017-7-24 12:38
禁用回退的方法，我试过了。在弹出的页面回退都可以禁用。但是点右边空白遮罩的时候在回退就获取不到这个 ...

你父页面有引用的话，应该是可以阻止掉的，另外如果mini.open弹出的话，他是顶级弹出，相关的阻止代码需要主页面也引用。你这里是不是主页面没引用？

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)