layui点击表格图片放大

layui点击图片放大

html代码

		<div class="layui-form-item">
            <label class="layui-form-label">图片:</label>
            <div class="layui-input-block">
                <img src="" name="coverUrl" style="max-width:504px;max-height:224px" />
            </div>
        </div>

js代码

			//图片点击放大
			//元素加载完成之后点击事件
            $(document).on("click", ".layui-form img[name = 'coverUrl']", function (e) {
                console.log(e)
                layer.open({
                    type: 1,
                    title: false,
                    closeBtn: 0,
                    shadeClose: true, //点击阴影关闭
                    area: 'auto', //宽高
                    content: "<img width=100% height=100% src=" + $(this).context.currentSrc + " />",
                });
            })