关于引入layui插件后layer is not defined问题

1、在layui官网直接点击下载，将layui文件直接复制到项目下，在页面引入jquery.js文件(该文件必须在1.8版本之上)，再引入layui.js文件和layui.css文件

此时写第一个示例:

layer.open({

　　layer.msg('hello');

})

页面报错:layer is not defined

修改:

function del(){

layui.use("layer",function(){
（若想要加载多个组件，如：时间，表单可用[] layui.use(['layer','laydate','form'],function(){})）
var layer = layui.layer; //layer初始化

layer.msg('hello'); //此时便可成功

//iframe窗

layer.open({

type: 2, //2为iframe层

title: "另一个页面",

closeBtn: ['确定','取消'], //不显示关闭按钮

shade: [0], //遮罩

area: ['340px', '215px'],

offset: 'auto',//默认垂直水平居中 //rb:右下角弹出

time: 2000, //2秒后自动关闭

anim: 2,

//content: ['test/guodu.html', 'no'], //iframe的url，no代表不显示滚动条
content:['layer.jsp','no'],
end: function(){ //此处用于演示

layer.open({

type: 2,

title: '很多时候，我们想最大化看，比如像这个页面。',

shadeClose: true,

shade: false,

maxmin: true, //开启最大化最小化按钮

area: ['893px', '600px'],

content: '//fly.layui.com/'

});

}

});

});

}

问题解决

2、如何给laydate设置只读？

　　为设置只读前:

1 laydate.render({
2     elem:'#id',
3     range:true,   //开启双面板
4 });

　　设置只读

1 laydate.render({
2     elem:'#id',
3     range:true,  //设置双面板
4     type:''
5 });

3、关于layui中评分模块根据条件设置为只读

　　原代码

1 rate.render({
2     else:'#id',
3     value:'<%=rs.getNameNumber("TJZS")%>',  //初始值
4     text:true,   //开启文本
5     choose:funcrion(value){
6         $("#tjzs").val(value);
7     }
8 });

　　修改后代码

var bmbm = "<%=jgbms%>";
var ratereadonly  = false;
if(bmbm != "0000"){
    ratereadonly = true;
}else{
    ratereadonly = false;
}

rate.render({
    elem:'#id',
    value:'<%=rs.getNameNumber("TJZS")%>',  //初始值
    text:true,   //开启文本
    readonly:ratereadonly,
    choose:function(value){
        $("#tjzs").val(value);
    }
});