请教个关于layer.js的问题

发布于 2022-09-06 06:10:08 字数 1007 浏览 20 评论 0

项目中用的是layer.js,场景是这样的,在出现的弹窗中,当用户点击过确认风险后,下方的提交按钮的颜色才变为蓝色,并可点击

现在的代码如下,我该怎么改才能实现呢
请教各位大神,在线等

外层

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
    <title>title</title>
</head>
<body>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript">
      layer.open({
            type: 2,
            content: './view.html',
            btn: ['确定', '取消']
      })
</script>
</body>
</html>

弹出层

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>title</title>
</head>
<body>
<div id="sample">
    <p>风险确认</p>
    <button>确认风险</button>
</div>
<div id="client">
    <p></p>
</div>
</body>
</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

完美的未来在梦里 2022-09-13 06:10:08

我觉得不好解决的话就用layer捕获页的那种方式,弹出的内容包括所有的按钮以及行为都在页面写好,这样比较好控制。

乙白 2022-09-13 06:10:08

提交按钮在哪一层

最好是你 2022-09-13 06:10:08

看layer的文档,http://www.layui.com/doc/modu...
有回调的,你可以在触发弹窗之前,点击的时候将按钮设为disable,然后在layer的回调中再去掉disable

夏日浅笑〃 2022-09-13 06:10:08

弹出层也在同一个页面上比较好一点吧. 这么做可行

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript" src="layer/layer.js"></script>
    <style>
        body .demo-class .layui-layer-btn .layui-layer-btn0{background:gray;}
    </style>
</head>

<body>
    <script type="text/javascript">
        var isComfirm = false;
        
        $(document).on("click","#isOk", function () {
            isComfirm = true;
            $(".demo-class").removeClass('demo-class')
        })
        
        layer.open({
            content: "<div id=sample><p>风险确认</p><button id='isOk'>确认风险</button></div>",
            skin: 'demo-class',
            btn: ['确定', '取消'],
            yes: function(index, layero) {
                if(!isComfirm){
                    return false;
                }
                layer.close(index)
                //....
            },
        })

    </script>
</body>

</html>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文