JQuery插件layer

2015-12-16  本文已影响300人  00cadc01cbc1

layer可以帮助生成各种形式的弹出层,简单强大, 用了之后简直停不下来。
官方网站有许多实例,可以参考,下文代码实例,是本人的商城系统片段,暂且留坑,日后等系统完成,开源的时候,把具体用layer 结合七牛用Django做的上传图片模块放出来.
官方网站http://layer.layui.com/

$('#addimage').click(function(){
layer.open({
    title:'本地图片',
    type:2,
    area:['900px', '600px'],
    shadeClose: true,
    shade:0.8,
    content:['/upload/productimage/'],
    btn: ['确定'],
    yes:function(index, layero){
        var body = layer.getChildFrame('body', index);
        var cropurl = body.find('p#cropurl').html();
        if(cropurl!=''){
            $('#id_image').val(cropurl);
            $('#pre_image').attr('src', cropurl);
            layer.close(index);
        }else{
            alert('请上传图片先')
        }
    } 
    })
  });
上一篇 下一篇

猜你喜欢

热点阅读