Fancytree 不在 Bootstrap 模式中执行

Question

我在 Bootstrap 中使用了 fancytree 插件。它在标准页面上运行良好，但是在模式中调用时，它什么也不做。

函数被声明，jQuery().fancytree 返回 true。

我也无法获得调试输出，所以看起来它根本没有被调用

定义了一个 id 为 ntree 的 DIV

我在模态中的 HTML

<div id="ntree"><div>
<script type="text/javascript">
jQuery(document).ready(function(){
    // Create the tree inside the <div id="tree"> element.
    console.log(jQuery().fancytree);
    if (jQuery().fancytree){
        alert("function exists");
        $("#ntree").fancytree({
            children: [ // Pass an array of nodes.
                {title: "Item 1"},
                {title: "Folder 2", isFolder: true,
                    children: [
                        {title: "Sub-item 2.1"},
                        {title: "Sub-item 2.2"}
                    ]
                },
                {title: "Item 3"}
            ],
            debugLevel: 2
        });
    } else {
        alert("Fancytree is not declared");
    }
});
</script>

Answer 1

使用 'source' 属性而不是 'children'。

jsfiddle; http://jsfiddle.net/Lu2a67b2/

JS：

jQuery(document).ready(function(){
    // Create the tree inside the <div id="tree"> element.
    console.log(jQuery().fancytree);
    if (jQuery().fancytree){
        alert("function exists");
        $("#ntree").fancytree({
            source: [ // Pass an array of nodes.
                {title: "Item 1"},
                {title: "Folder 2", isFolder: true,
                    children: [
                        {title: "Sub-item 2.1"},
                        {title: "Sub-item 2.2"}
                    ]
                },
                {title: "Item 3"}
            ],
            debugLevel: 2
        });
    } else {
        alert("Fancytree is not declared");
    }
});