使用dtree.js文件报错:
<html>
//引进的样式,这里没有引进dtree.js文件
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="layui_ext/dtree/dtree.css">
<link rel="stylesheet" href="layui_ext/dtree/font/dtreefont.css">
<script type="text/javascript" src="layui/layui.js""></script">
</html>
报错原因: {/}layui_ext/dtree/dtree’ // 此为本地dtree.js路径 不能删除或隐藏
<script type="text/javascript">
layui.extend({
dtree: '
// {/}layui_ext/dtree/dtree' // 此为本地dtree.js路径
}).use(['dtree','layer','jquery'], function(){
var dtree = layui.dtree, layer = layui.layer, $ = layui.jquery;
// 初始化树
var DemoTree = dtree.render({
elem: "#demoTree",
data: demoTree, // 使用data加载
url: "../json/case/demoJson.json" // 使用url加载(可与data加载同时存在)
});
// 绑定节点点击
dtree.on("node('demoTree')" ,function(obj){
layer.msg(JSON.stringify(obj.param));
});
});
</script >
解决方案:{/}layui_ext/dtree/dtree’ // 此为本地dtree.js路径,改为自己路径
<script type="text/javascript">
layui.extend({
dtree: '{/}layui_ext/dtree/dtree' // 此为本地dtree.js路径,改为自己路径
}).use(['dtree','layer','jquery'], function(){
var dtree = layui.dtree, layer = layui.layer, $ = layui.jquery;
// 初始化树
var DemoTree = dtree.render({
elem: "#demoTree",
data: demoTree, // 使用data加载
url: "../json/case/demoJson.json" // 使用url加载(可与data加载同时存在)
});
// 绑定节点点击
dtree.on("node('demoTree')" ,function(obj){
layer.msg(JSON.stringify(obj.param));
});
});
</script >