layui应用中遇到的坑

1.动态加载的数据没有渲染

    layui内置模块（element常用元素操作）

<script>
	layui.use('element', function() {
		//实例化element
		var element = layui.element();
		//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
		element.init();
		//导航条点击监听
		element.on('nav(bigData)', function(elem) {
			console.log(elem);
		});
		//tab切换监听
		element.on('tab(test)', function(data) {
			console.log(data);
		});
		//手风琴折叠面板开启关闭监听
		element.on('collapse(collapseFilter)', function(data) {
			console.log(data.show);
			console.log(data.title);
			console.log(data.content)
		});
		//触发的事件
		var active = {
			setPercent : function() {
				//设置50%进度
				element.progress('demo', '50%')
			}
		}
		//点击事件的监听
		$('.site-demo-active').on('click', function() {
			var othis = $(this);
			var type = $(this).data('type');
			active[type] ? active[type].call(this, othis) : '';
		});
	})
</script>

   内置模块element就简单学习这么多，官方的文档：http://www.layui.com/doc/modules/element.html#on 

2.layui，checkbok、select、radio，无法渲染的问题解决

var form;
$(function(){layui.use('form', function(){
  form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
  
  aa();
})
})
function aa(){
 ajax()代码块
 //代码最后加上下面一行
 //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
  form.render();
}

注意：如果是动态加载的数据需要把form定义为全局的而非和业务代码放一起，不然数据会出不来。