jstree选中某节点跳转页面
时间: 2023-09-17 17:12:57 浏览: 97
要在 jstree 中选中某个节点并跳转到另一个页面,你可以使用 jstree 的 `select_node` 方法来选中节点,然后通过 JavaScript 中的 `window.location.href` 属性来实现页面跳转。
首先,确保你已经正确地引入了 jstree 的库文件。然后,在你的 JavaScript 代码中,找到 jstree 初始化的地方,添加以下代码:
```javascript
// 选中节点并跳转页面
$('#your-tree-id').on('select_node.jstree', function (e, data) {
var selectedNode = data.instance.get_node(data.selected[0]);
var nodeId = selectedNode.id;
// 根据需要进行页面跳转
if (nodeId === 'node1') {
window.location.href = 'page1.html';
} else if (nodeId === 'node2') {
window.location.href = 'page2.html';
} else if (nodeId === 'node3') {
window.location.href = 'page3.html';
}
});
```
在上述代码中,`your-tree-id` 是你在 HTML 中定义 jstree 的元素的 id。`select_node.jstree` 是 jstree 的事件,当节点被选中时会触发该事件。
在事件处理函数中,我们通过 `data.selected[0]` 获取到被选中的节点的 id,并根据不同的节点 id 进行不同的页面跳转。你需要根据实际情况修改 `'node1'`、`'node2'` 和 `'node3'` 以及相应的页面路径。
这样当用户在 jstree 中选中节点时,会根据选中的节点 id 跳转到不同的页面。
阅读全文