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); } });