請(qǐng)教個(gè)關(guān)于layer.js的問題

項(xiàng)目中用的是layer.js，場(chǎng)景是這樣的，在出現(xiàn)的彈窗中，當(dāng)用戶點(diǎn)擊過確認(rèn)風(fēng)險(xiǎn)后，下方的提交按鈕的顏色才變?yōu)樗{(lán)色，并可點(diǎn)擊

現(xiàn)在的代碼如下，我該怎么改才能實(shí)現(xiàn)呢
請(qǐng)教各位大神，在線等

外層

<!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>風(fēng)險(xiǎn)確認(rèn)</p>
    <button>確認(rèn)風(fēng)險(xiǎn)</button>
</div>
<div id="client">
    <p></p>
</div>
</body>
</html>

回答

編輯回答

孤毒

彈出層也在同一個(gè)頁面上比較好一點(diǎn)吧. 這么做可行

<!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>風(fēng)險(xiǎn)確認(rèn)</p><button id='isOk'>確認(rèn)風(fēng)險(xiǎn)</button></div>",
            skin: 'demo-class',
            btn: ['確定', '取消'],
            yes: function(index, layero) {
                if(!isComfirm){
                    return false;
                }
                layer.close(index)
                //....
            },
        })

    </script>
</body>

</html>

2017年9月3日 15:43

編輯回答