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

最近用大佬的插件发现一个问题。。android 机器上面显示是ok的 （我是用url的方法打开一个窗口，窗口里面是列表），结果ios机器上面窗口的底边框被列表撑爆了.....

cylansd0
2017/3/28 12:46:51
ios上目前一直还没有测试过。 后续会再进行测试升级

等待框无法正常关闭   

zeroModal.show({
        title: 'UE配置',
        content: str,
        width: '70%',
        height: '80%',
        esc: true,
        ok: 'true',
        cancel: 'true',
        onLoad: onOpenEvent,
        onComplete: onCompleteEvent
    });
    function onOpenEvent(){
    	zeroModal.loading('');
    }
    function onCompleteEvent(){
    	var unique = zeroModal.loading();
    	zeroModal.close(unique);
    }

zeroModal.close调用后页面元素中有一个div无法删除导致页面不可操作

<div zero-unique-overlay="31be226246fb4601bdf5f53ed69716c2" class="zeromodal-overlay" style="opacity:0.2;z-index:10013;width:1366px;height:662px"></div>

你说这可咋整  QAQ

cylansd0
2017/2/28 12:43:17

var loadUnique;
zeroModal.show({
    title: 'UE配置',
    content: str,
    width: '70%',
    height: '80%',
    esc: true,
    ok: 'true',
    cancel: 'true',
    onLoad: onOpenEvent,
    onComplete: onCompleteEvent
});
function onOpenEvent() {
    loadUnique = zeroModal.loading();
}
function onCompleteEvent() {
    if (loadUnique !== undefined) {
        zeroModal.close(loadUnique);
    }
}

等待框加载后，如何关闭？或者设置有效时长？

cylansd1
2017/2/24 11:25:23

var unique = zeroModal.load();
//关闭指定zeroModal.close(unique);
// 关闭全部
zeroModal.closeAll();

cylansd0
2017/2/20 13:38:48

谢谢你的支持。??

cylansd0
2017/2/20 13:40:06

:）

你好，设置遮罩层关闭overlayClose这个属性后无法正常加载弹出层

cylansd0
2017/2/14 20:20:40

是参考的demo6吗？ 可以再具体一些描述下无法正常加载弹出层的情况.

不错 不错 我看留言的没有涉及ajax 如果能内嵌ajax最好了  也没仔细看，也可能有的

cylansd1
2017/1/23 17:42:32

目前如果只设置了url属性，iframe属性为false时，就是通过ajax方式加载url返回的页面并放到modal里面的

弹框的一个小X，没有属性去除嘛

cylansd0
2017/1/16 15:48:50

http://git.oschina.net/cylansad/zeroModal,   代码升级到最新，使用close参数即可。

我想自定义弹出层样式。。。   还有确认按钮

cylansd1
2017/1/16 15:49:21

可以通过修改css样式，和使用buttons 自定义按钮来实现

function openRequest(obj) {
	var testinfo = $("#request" + obj).val();
	alert(testinfo);
	//此处弹出还是xml格式字符串
	zeroModal.show({
		title: '报文详情：',
		content: '<c:out value="' + testinfo + '"  escapeXml="false"/>',
		//此处不管是自己输出还是用html标签，jstl标签包裹输入都会被去除所有xml标签
		width: '60%',
		height: '40%',
		transition: true,
		overlay: false
	});
}

作者你好，我需要在弹出层中输出一个xml格式的字符串内容，但是一直会被吞掉标签

寒星0
2017/1/6 16:01:59

请问有什么办法处理吗，谢谢

cylansd0
2017/1/6 17:01:16

你好，你使用是c标签，应该是编辑的jsp页面吧？

jsp在编译过程中先解析标签再转换成html，再返回给客户端，再执行JS代码。

上面调用的实例是不是有问题？

寒星0
2017/1/6 17:01:39

补充说明，该数据在后台经过StringEscapeUtils.escapeHtml()方法处理，在页面能正常输出

寒星0
2017/1/6 17:01:38

代码中的testinfo的值是取自jsp页面中的一个隐藏域 ，该值直接alert弹出能正常显示，在content中直接输出或者用<span>testinfo</span>输出，或者像代码中一般用c标签输出，都会失去xml标签，我平常不怎么做前段一直是写接口的所以也不是很懂，麻烦作者大大了= =

cylansd1
2017/1/7 15:01:06
你可以把testinfo的值进行html转义下试试。

<	批量转换成	&lt;
>	批量转换成	&gt;

或者将zeroModal升级到最新，把escape设置为false试试

请问一下，弹框想改成从右至左弹出，改了一下，没用，请问应该改哪块

cylansd3
2017/1/3 19:01:39

你好，三个步骤可以完成修改。

1. 把参数transition设置为true

2. 第479行，修改CSS样式控制初始化的位置

3. 第526行，修改出场动画移动的位置即可。

雨亦心菲0
2017/1/4 13:01:05

请问一下 除了这个平台 有其他的联系方式嘛 qq 想问一下其他问题

雨亦心菲0
2017/1/4 14:01:42

请问一下 能把iframe添加到index页面的指定div里面嘛

cylansd0
2017/1/4 14:01:34

89743946  你可以加下QQ

逸尘凌虚~~0
2017/1/4 15:01:45
马总厉害了~

作者你好，我使用你的插件，弹出层里面写input的radio标签，不显示啊，盼回复。代码如下：

<table width = "100%" align = "center" > 
    <tr >
       <td><input type="radio" style="border:inset; width:20%" name="ChooseTime" value="1天" checked="checked" />1天</td>
       <td><input type="radio" name="ChooseTime" value="3天" />3天</td>
       <td><input type="radio" name="ChooseTime" value="7天" />7天</td>
       <td><input type="radio" name="ChooseTime" value="7天以后" />7天以后</td>
    </tr > 
</table>
function PreOrderClick() {
    var obj = $("#PreOrderSubmit").html();
   zeroModal.show({
    title: '选择预约时间',
    content: obj,
    ok: true,
    cancel: true,
    width: "50%",
    height: "20%",
    okFn: PreOrderSubmit
}

cylansd0
2016/12/30 8:12:58

html里面是否有ID叫"PreOrderSubmit" 的元素？另外建议模板使用

<script type="text/html" id="PreOrderSubmit">
        <table width="100%" align="center">
            <tr>
                <td>
                    <input type="radio" style="border: inset; width: 20%" name="ChooseTime" value="1天" checked="checked" />1天</td>
                <td>
                    <input type="radio" name="ChooseTime" value="3天" />3天</td>
                <td>
                    <input type="radio" name="ChooseTime" value="7天" />7天</td>
                <td>
                    <input type="radio" name="ChooseTime" value="7天以后" />7天以后</td>
            </tr>
        </table>
</script>

来定义

在content中加入input标签，无法输入数据

cylansd0
2016/12/24 17:12:51

建议把代码贴出来，可以一起来分析下。应该是和插件没有关系的。

怎么给iframe页赋值和取值呢？比如我在弹出的iframe页有个input，ID为otext，父页有个ID为text，点击弹窗后如果父页的text有数值则赋值给iframe页的otext，当我改变iframe页的otext值时，按确定后会改变父页的text

cylansd1
2016/11/26 20:11:02
1.可以参考下demo中的第五个例子“自定义按钮”，里面就有自定义click事件。2.如果使用默认的按钮，可以使用okFn或cancelFn事件。