如何在 Express 中使用 jsTree

Question

我已经安装了 jsTree in my bower_components (using guidlines in this post) 我的 jade 模板是这样的 -

doctype html
html
    head
        title= title
        script(src='/bower_components/jstree/dist/jstree.min.js')
        script(src='/bower_components/jquery/dist/jquery.min.js')
        link(rel='stylesheet', href='/stylesheets/style.css')
        link(rel='stylesheet', href='/bower_components/jstree/dist/themes/default/style.css')
        script(src='/javascripts/custom/mytree.js')
    body
        #mytreediv
            ul
                li First item
                li Second item

脚本mytree.js是我写的脚本，我用jsTree初始化mytreediv div元素。脚本看起来像这样 -

alert('Test1');
var myfunc = function () {
    alert('Test2');
    $('#mytreediv').jstree();
};
myfunc();

两个 alert 框都出现了，所以我很确定脚本已正确链接到 HTML。但是，div 元素看起来并没有转换为 jsTree。

我在这里错过了什么？

Answer 1

您必须等待 DOM 加载，否则 jQuery 将无法找到元素：

$(document).ready(function () { 
    /* your code */ 
})

如何在 Express 中使用 jsTree

How to use jsTree in Express

javascript

node.js

jstree

express