评论：jQuery弹出层组件zeroModal  [查看原文]

有个问题搞了一天了。

function custombuttonQuota() {
    parent.zeroModal.show({
        title: '选择指标项',
        : true,
        url: '../evaluation/quota/quota.jsp',
        width: '1000px',
        height: '80%',
        forbidBodyScroll: true,
        buttons: [{
            className: 'btn btn-success btn-sm',
            name: '确定',
            fn: function(opt) {
                var id = sessionStorage.id
                var pointValue = sessionStorage.pointValue
                var scoringStand = sessionStorage.scoringStand
                $("#zbxspan").html("(" + id + ")" + scoringStand)
                $("#pointsvalue").val(pointValue)
            }
        }, {
            className: 'btn btn-danger btn-sm',
            name: '取消',
            fn: function(opt) {

            }
        }]
    });
}

在 url: '../evaluation/quota/quota.jsp',quota.jsp是一个动态加载的数据表格，里面写了一个行双击事件，但是我无论怎么设置，都没发双击行，然后出发 buttons里的 name: '确定'这个按钮事件！我想双击，然后触发确定按钮！尊敬的作者，该怎么做？

叶子祝佳音0
2018/5/26 19:33:26
双击行，然后触发确定按钮，然后就关闭了！尊敬的作者，我该怎么做？

cylansd0
2018/5/28 8:55:56
你通过parent父页面调用的zeroModal, 那关闭的写 parent.zeroModal.closeAll()

cylansd1
2018/5/17 17:22:48
确认方法里面 return false;

zeroModal.show({
    title: '客户公告',
    : true,
    close: true,
    url: '<%=MainSiteUrl%>AdInfo.aspx',
    width: '900px',
    height: '460px'
});

在adinfo.aspx页面我勾选了复选框后需把这个模式框关掉应该怎么做呢，我写 

 function cbx(obj) {
     if (obj.checked == true) {
         zeromodal.close();
}

没有用。求解答，谢谢啦

cylansd1
2018/5/15 19:44:19

zeromodal.closeAll();
// var unique = zeroModal.show({...});
//  zeromodal.close(unique);

石鹏玉0
2018/5/16 9:44:26
写成zeromodal.closeAll();没有用,我弹出层是在首页（default.aspx）弹出，但是弹出层是: true;但是关闭是需要在adinfo.aspx页面勾选了我已阅读这个复选框就要给关闭的。

 zeroModal.show({
     title: '客户公告',
     content: $("#adinfo").html(),
     width: '900px',
     height: '460px',
     close: false //为false还是弹出层右上角还是会有X
 });

cylansd0
2018/5/15 18:00:43
demo的第二个例子你那试了不行吗？

石鹏玉0
2018/5/15 18:06:20
试了，不行

石鹏玉0
2018/5/15 18:13:29
刚试了好像可以了，我重新下载了个js以及css

cylansd0
2018/5/14 9:46:13
下载最新的代码，可以把forbidBodyScroll 设为true试试。 不过有可能会影响到页面的样式

cylansd0
2018/5/10 17:06:27

zeroModal.success({
   content: '操作成功!',
   okTitle: '知道了',
   okFn: function() {
       alert(1);
   }
});

cylansd1
2018/5/9 9:03:04

可以参考下DEMO6：


zeroModal.show({
    title: 'hello world',
    : true,
    url: 'http://www.baidu.com',
    width: '60%',
    height: '60%',
    buttons: [{
        className: 'zeromodal-btn zeromodal-btn-primary',
        name: '这是自定义按钮',
        fn: function(opt) {
            alert(1);
            return false;
        }
    }, {
        className: 'zeromodal-btn zeromodal-btn-default',
        name: '取消',
        fn: function(opt) {
            alert(2);
        }
    }]
});

cylansd1
2018/3/29 16:53:46

var unique = zeroModal.loading();
// 关闭
zeroModal.close(unique);
zeroModal.closeAll();

小明0
2018/3/29 16:54:26
比如说我做一个请求，请求完成后，就要关闭等待模态框

小明0
2018/3/29 17:09:45
可以了谢谢，

小明0
2018/3/30 15:03:24
还有一个问题，就是当按回车的时候提示框不出，也不报错，只有在请求成功后才会出来，比如说我回车后我判断账号或者密码不为空，为空就弹出提示（不能弹出），都不为空的时候执行ajax请求，请求成功后弹窗（能弹出），回车是执行点击确定的那个方法，判断和执行都写在这个方法里的。是什么原因呢？

cylansd1
2018/4/2 16:14:06

function doSubmit() {
    var username = $('#username').val();
    if (username === '') {
        zeroModal.alert('username is empty');
        return; // 需要return，停止往下执行
    }

    var _unique = zeroModal.loading();
    $.ajax({
        ...
        failure: function() {
            zeroModal.close(_unique);
        }
        success: function() {
            zeroModal.close(_unique);
            // todo ...
        }
    })
}

$('#username').keyup(function(e) {
    if (e.keyCode === 13) {
        doSubmit();
    }
});

cylansd0
2018/4/2 16:20:47
写一个例子，不知道是不是你需要的？

小明0
2018/4/3 10:14:32

var name = $(".username").val();
   var password = $(".password").val();
   if (name === '' || password === '') {

       var b = "账号或密码不能为空";
       console.log(b) /// 这里会打印b
       _alert2(b)   ///// 填了return还是不弹出
       return ;
   } else {
     这里在请求ajax;
   ajax 成功返回后调用  _alert2(e.msg)；///这里会弹出来

2，还有就是能那个成功弹窗没有回调执行函数吗？像提示框那样

小明0
2018/4/3 10:30:02
可以说和你写的例子一样，就是不弹出

小明0
2018/4/3 10:32:53

$(document).keydown(function(event) {
    if (event.keyCode == 13) {
        login();
    }
});

小明0
2018/4/9 17:54:52
作者你好，成功提示框确认按钮怎么没有预留事件触发

cylansd0
2018/4/11 8:55:21
okFn 属性就是的

谢谢作者，问一下需要支持到 IE7+，不知道有什么办法么

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7"/>

cylansd0
2017/12/15 17:15:08

。。。IE7的话，很多样式都不支持，不太适合使用这个组件。。。如果需要保证兼容性足够好的话，还是建议使用一些比较老的、实践得更多的组件比较稳妥点，可以考虑比较完善的extjs、或者轻量级的colorbox

魅狐血儿0
2017/12/15 17:45:58

感谢~~感谢~~