layer 弹出层使用

 

场景 直接用script标签加载layer.js

HTML

<div class="col-lg-3 col-md-3 col-xs-3">
    <a class="am-btn am-btn-default moreinfo"  href="">详细</a>
</div>

CSS

div.diglog{
    display: none;
    width: 90%;
}

 

JS

<script >
    $('.moreinfo').click(function () {
        event.preventDefault()

        var index = $(this).index();

        layer.open({
            type: 1,
            shade: false,
            title: false, //不显示标题
            area:['85%','85%'],

            content: $('.diglog').eq(index), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响

        });



    })

</script>

 

官网下载

http://layer.layui.com/

弹出层文档