jstree拖放不起作用

时间:2015-02-23 14:27:23

标签: javascript jquery jstree

check_callback设置为true并且包含插件dnd但未启用拖放功能。我尝试拖动叶子时看到“无法拖动”图标。我错过了什么?

HTML:

<html>
    <head>
        <link rel="stylesheet" href="themes/default/style.min.css"/>
        <script type="text/javascript" src="jquery-1.8.2.js"></script>
        <script type="text/javascript" src="jstree.js"></script>    
        <script type="text/javascript" src="index.js"></script> 
    </head>
    <body>
        <table>
            <tr>
                <th>Tree</th>
            </tr>
            <tr>
                <td><div id="jstree"></div></td>
            </tr>
        </table>
    </body>
</html>

JS:

/*jslint browser: true*/
/*globals $, alert*/
$(function () {

    'use strict';

    var jstreeOriginal = $('#jstree');

    jstreeOriginal.bind("loaded.jstree", function () {
        jstreeOriginal.jstree("open_all");
    });

    jstreeOriginal.jstree({
        "core": {
            "check_callback": true,
            "themes": { "stripes": true },
            "data": [
                       { "id" : "ajson1", "parent" : "#", "text" : "Root node" },
                       { "id" : "ajson2", "parent" : "ajson1", "text" : "Child node" },
                       { "id" : "ajson3", "parent" : "ajson2", "text" : "Sub Child 1" },
                       { "id" : "ajson4", "parent" : "ajson2", "text" : "Sub Child 2" },
                    ],
            "plugins": [ "dnd", "wholerow" ]
        }
    });

});

1 个答案:

答案 0 :(得分:1)

放入&#34;插件&#34; :[&#34; dnd&#34;,&#34; wholerow&#34;在你的核心之外