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

使用＆＃39;来源＆＃39;财产而不是儿童＆＃39;。

的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");
    }
});

Fancytree不会在Bootstrap模式中执行

1 个答案: