美文网首页
JQuery插件layer

JQuery插件layer

作者: 00cadc01cbc1 | 来源:发表于2015-12-16 20:57 被阅读300次

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('请上传图片先')
        }
    } 
    })
  });

相关文章

网友评论

      本文标题:JQuery插件layer

      本文链接:https://www.haomeiwen.com/subject/kvfphttx.html