layui如何存在多个弹窗_layUI 几个简单的弹出层

导入控件主题

创建容器

也就是包含jsTree控件的元素，一般使用

就可以了。

引入jQuery

jsTree依赖于jQuery，所以需要引入jQuery：

引入jsTree

部署环境使用压缩版的jsTree.min.js，如果是开发环境可以使用jsTree.js

创建jsTree实例

DOM加载完毕之后，就可以创建jsTree实例对象了。

$(function () { $('#jstree_demo_div').jstree(); });

监听事件

jsTree使用事件来监听用户与属性控件之间的交互，所以给jsTree绑定事件也很容易，下面这个例子监听选择事件

$('#jstree_demo_div').on("changed.jstree", function (e, data) {

console.log(data.selected);

});

与jsTree实例进行交互

创建完实例之后，就可以调用实例的方法了，下面三个方法实现的功能是一样的：

$('button').on('click', function () {

$('#jstree').jstree(true).select_node('child_node_1');

$('#jstree').jstree('select_node', 'child_node_1');

$.jstree.reference('#jstree').select_node('child_node_1');

});