layui表格里面怎么加div

layui表格里面怎么加div,第1张

<div class="layui-input-block">

<input type="radio" name="sex" value="0" title="男">

</div>,class属性是固定写法

这样写好了以后,你如果是写在静态页面,这样式可以看见效果,如果写在js里,这样写了还有一步得写,那就是

var form = layui.form()

form.render("select")//更新全部

这样写是外面套的是form标签,如果是div,就写layui.div()即可。

把外链接的JS加载到body后面,在这个JS里面用类似这样的代码:

var div = document.createElement('div') // 新增元素

var diva = document.getElementById('a') // 获取id为a的元素

diva.parentNode.insertBefore(div, diva) // 在这个元素前面增加上去

刚好今天我也遇到这个问题,摸索了几个小时,搞定了,关键语法如下:

layer.open({

    type: 1,

    content: $('#id') //这里content是一个DOM,这个元素要放在body根节点

})

所以你这个就应该是:

content: $('#wrapper')

实例:

<!DOCTYPE HTML><html>

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script src="jquery-1.9.1.min.js"></script>

        <script src="layer/layer.js"></script>

        <script>

            $(function () {

                $("a").click(function () {

                    layer.open({

                        type: 1,

                        closeBtn: false,

                        shift: 2,

                        shadeClose: true,

                        content: $("#box1")

                    })

                })

            })

        </script>

        <style>

            *{padding:0 margin: 0}

            #box1{width:555px height:600px background: #eee display:none}

        </style>

    </head>

    <body>

        <a href="#">点击</a>

        <div id="box1">

            111

        </div>

    </body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11539337.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存