關於 Layui 和Layer 的引入問題
使用過layui 和 layer 的同志們,都知道它們存在著很多坑,出現問題很不好解決,無從下手。
一 下面是layui 和layer 的引入問題。
大家使用layui的元件時,一定要先引入元件的JS ,然後在引入 layui.js ,這樣使用的元件才能生效。不然使用的元件一直顯示不出來。 例如:使用layer元件 layer.open 一個彈出層元件。
它們元件的JS引入順序是:
<script src="../layer/layer.js"></script> <!-- 先引入 -->
<script src="../layui/layui.js"></script> <!-- 後引入 -->
二:關於 Layui 中select 的坑
都使用過layui 的select ,select 動態繫結資料顯示,這個select 就是一個坑必須先進行渲染一下layer 才能使用 如果不渲染一下layer,select 動態繫結的資料不會出現。
例如:
function getallgrade(){ //獲取所有的年級資訊進行 select 動態繫結顯示資料
layui.use('form', function(){ //先進行 渲染 後進行資料繫結
var form = layui.form();
form.render();
});
$.ajax({
type: 'POST',
url:'<%=basePath%>jsonop.do',
data: {"k":"selectallgrade","reqcount":0},
success: function(ret){
//alert(JSON.stringify(ret));
tempFn = doT.template(document.getElementById('list-template').innerHTML);
$('#grade').html(tempFn(ret.jsondata));
$('#grade').val('<%=map.get("tgid")%>');
},
dataType: "json"
});
}
希望大家可以謹記。避免此類錯誤。