如果函数与调用者不在同一文档中，则将 JStree 包裹在函数中并传递变量将不起作用

Question

如果我的 JStree 初始化函数与调用者位于同一文件中，则一切正常，但如果我将函数调用移动到 html 文档，它不会返回任何内容。这是我现在想到的代码：

function cattree(treeID, treeAncestors, treeCurrent) {
        alert(treeID + treeAncestors + treeCurrent);
        $("#"+treeID).jstree({ 
            "core" : { 
                "initially_load" : treeAncestors,
            },

            "ui" :{
                "select_limit" : 1,
                "initially_select" : [treeCurrent],
            },
            "json_data" : {
                "progressive_render" : true,
                "progressive_unload" : true,
                "ajax" : {
                    "url" : "/taxonomy/catjson",
                    "dataType": "text json",
                    "data" : function (n) { 
                        return { id : n.attr ? n.attr("id") : 0 }; 
                    }
                }
            },
            "plugins" : [ "themes", "json_data", "ui" ],
        });
}

当我将其移动到文档时，我认为它不会等待具有功能的文档加载。

   $(document).ready(function(){
        cattree("demo", ['4e974c91f0282e7011000004', '4e974d92f0282ec41a00000a'], ['4e974da1f0282e2c0c000000']);
   }
   );

Answer 1

这是想出来的：

外部文件中的 cattree init

(function () {
    if(jQuery && jQuery.jstree && jQuery.cattree) { return; }
    (function ($) {
        $.cattree = function(treeID, treeAncestors, treeCurrent) {
            //alert(treeID + treeAncestors + treeCurrent);
            //tree initialization function to possibly allow one or more tree on page.
            $("#"+treeID).jstree({ 
                "core" : { 
                    "initially_load" : treeAncestors,
                },

                "ui" :{
                    "select_limit" : 1,
                    "initially_select" : treeCurrent,
                },
                "json_data" : {
                    "progressive_render" : true,
                    "progressive_unload" : true,
                    "ajax" : {
                        "url" : "/taxonomy/catjson",
                        "dataType": "text json",
                        "data" : function (n) { 
                            return { id : n.attr ? n.attr("id") : 0 }; 
                        }
                    }
                },
                "plugins" : [ "themes", "json_data", "ui" ],
            });

        }
    })(jQuery);
})();

以及 head 部分中的代码或我认为位于所有 html 之下：

$(document).ready(
    function(){
    $.cattree("demo", ['4e974c91f0282e7011000004', '4e974d92f0282ec41a00000a'], ['4e974da1f0282e2c0c000000']);
    }
);

目前它工作得很好。我认为问题在于该函数在加载所有内容之前被调用。与之前将 Jquery.cattree 添加到 if 语句一样，它无法将 $.cattree 识别为函数。