jstree一旦加载就会删除页面上的其他ui（jqueryui.js）设置

我对jsTree有一个问题，问题如下：

• 我的页面上有可拖动的div和可调整大小的功能，基本上你可以对它们进行排序和调整大小
• 然后，我在表单中添加了一个jsTree，它使用ajax检索值，并使用xml\u数据插件填充树
• 问题是，一旦加载了树，那么div就不能再调整大小，也不能四处拖动

在加载所有内容后查看html呈现的标记时，我可以看到className不再具有“ui可调整大小”功能

有人遇到过这个奇怪的问题吗

提前感谢您对我的帮助

最好的 木子

简单树代码

$("#jsTreeDiv").bind("loaded.jstree", function (event, data) {

            alert("TREE IS LOADED");

            var arrTmp = [90, 91];

            //loop thru all item in tree if edit
            if (arrTmp.length > 0) {
                $("#jsTreeDiv li").each(function (i) {
                    var $curItem = $(this);
                    if ($curItem.length > 0) {
                        for (var i = 0; i < arrTmp.length; i++) {

                            if (arrTmp[i] == parseInt($curItem[0].id)) {
                                //delete node
                                $("#jsTreeDiv").jstree("delete_node", $curItem);
                            }
                        }
                    }
                });
            }

        }).jstree({
            "plugins": ["themes", "xml_data", "types", "ui", "dnd", "crrm"],
            "xml_data": {
                "ajax": {
                    "type": "POST",
                    "dataType": "html",
                    "url": urlXml,
                    "success": function (msg) { }
                },
                "xsl": "flat"
            },
            "themes": {
                "theme": "default",
                "url": "../scripts/jsTree/default/style.css",
                "dots": true,
                "icons": true
            },
            "ui": {
                "select_limit": 1,
                "initially_select": ["lvl_1"]
            }
        });

    });

---

这不再是一个问题，jstree也没有问题

问题是我初始化jsTree的顺序，我通过将jsTree代码添加到$（document.ready（function（）{}）中修复了这个问题；因此，当DOM就绪时，将加载树

现在，我在jstree中使用create方法将节点加载到T中

<ul class="Cols-01">
    <li>
        <div id="Div2" class="ColContainer-01">
            <div class="ColContainerHead"><div class="ColHandlerImg-01"><img src="ColHandler.png" class="ColHandler-01" /></div>[ Data Col Name 2 ]</div>
            <div class="ColContainerBody"></div>
        </div>
    </li>
    <li>
        <div id="Div1" class="ColContainer-01">
            <div class="ColContainerHead"><div class="ColHandlerImg-01"><img src="ColHandler.png" class="ColHandler-01" /></div>[ Data Col Name 2 ]</div>
            <div class="ColContainerBody"></div>
        </div>
    </li>    

$(".Cols-01 li").each(function (i) {
    var $Div = $(this).find("div.ColContainer-01");
    $Div.resizable(); //make each div resizable
});

$(".Cols-01").sortable(); //make ul list sortable


//then load tree