未古其人

目录

script渲染后模板失效的问题

如果有这样的代码

<div id="test">
	<script type="text/html" id="test-tpl">
	<div class="layui-progress">
	  <div class="layui-progress-bar" lay-percent="10%"></div>
	</div>
	</script>
</div>

如果用 laytpl 编译后，

laytpl($("#test-tpl").html()).render(res, function (html) {
	$("#test").html(html);
});

layui 的组件不会被编译。
上述代码中就是

	<div class="layui-progress">
	  <div class="layui-progress-bar" lay-percent="10%"></div>
	</div>

如果要让上述组件可以正常显示，需要通过 element.render() 函数来重新编译。
element.render() 这个函数通过参数支持

• tab
• nav
• breadcrumb
• progress
• collapse

这些组件