未捕获的类型错误：对象 #<Object> 没有方法“树”答案

【问题标题】：Uncaught TypeError: Object #<Object> has no method 'tree'未捕获的类型错误：对象 #<Object> 没有方法“树”
【发布时间】：2012-11-10 13:33:42
【问题描述】：

**得到这个错误“Uncaught TypeError: Object # has no method 'tree'” 在这个 "$('#tree1').tree" 代码行参考这个例如http://mbraak.github.com/jqTree/ 相同的代码适用于其他页面，但它只包含 1.jqtree.css 2.div id=tree1 div 3.以及三个jquery文件jquery-1.8.0.js、tree.jquery.js和prism.js 4.包含下面脚本标签中写的功能代码

<head>
    <title>Ksa Maps</title>
    <link href="../Css/Site.css" rel="stylesheet" type="text/css" />   
    <link href="../Css/advancedtable.css" rel="stylesheet" type="text/css" />
    <link href="../Css/AdvTblStyle.css" rel="stylesheet" type="text/css" />
    <link href="../Css/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" /> 
    <link href="../Css/CityFilter.css" rel="stylesheet" type="text/css" />
    <link href="../Css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
    <link href="../Css/dcmegamenu.css" rel="stylesheet" type="text/css" />
    <link href="../Js/autoCombo/tryy.css" rel="stylesheet" type="text/css" />
    <link href="../Js/autoCombo/demos.css" rel="stylesheet" type="text/css" />
    <link href="menu.css" rel="stylesheet" type="text/css" />
    <link href="../jquery.confirm/jquery.confirm.css" rel="stylesheet" type="text/css" />
       <!--  Tree-->
      <link href="../Css/jqtree.css" rel="stylesheet" type="text/css" />   
     <!--<link href='http://fonts.googleapis.com/css?family=Corben:bold&amp;v1' rel='stylesheet' type='text/css'>-->
     <!--  Tree-->

</head>
<body>
 <div id="tree1"></div>  
    <script src="../Js/autoCombo/jquery-1.8.0.js" type="text/javascript"></script>
    <!-- tree  --> 
    <script src="../Js/prism.js" type="text/javascript"></script>
    <script src="../Js/tree.jquery.js" type="text/javascript"></script>
   <!-- tree  --> 
    <script src="../Js/autoCombo/jquery.ui.core.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.autocomplete.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.button.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.position.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.widget.js" type="text/javascript"></script>  
    <script src="../Js/JQuery.js" type="text/javascript"></script>
    <script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../Js/picnet.table.filter.min.js" type="text/javascript"></script>     
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.9&sensor=true"></script>
    <script src="../Js/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
    <script src="../Js/advancedtable.js" type="text/javascript"></script>  
    <script src="../Js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="../Js/poiScript.js" type="text/javascript"></script>
    <script src="../Js/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
    <script src="../Js/jquery.dcmegamenu.1.3.3.min.js" type="text/javascript"></script>
    <script src="../Js/jquery.hoverIntent.minified.js" type="text/javascript"></script>
    <script src="../Js/jquery.dcmegamenu.1.3.3.js" type="text/javascript"></script>
    <script src="../Js/menu.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/TRYY.js" type="text/javascript"></script>
    <script src="../jquery.confirm/jquery.confirm.js" type="text/javascript"></script> 
    <script>
       $(function() {
           var data = [
            {
                label: 'node1',
                children: [
                    { label: 'child1' },
                    { label: 'child2' }
                ]
            },
            {
                label: 'node2',
                children: [
                    { label: 'child3' }
                ]
            }
        ];
           $('#tree1').tree({
               data: data,
               autoOpen: true,
               dragAndDrop: true
           });
       });
</script>
</body>
</html>

【问题讨论】：

得到这个错误 "Uncaught TypeError: Object # has no method 'tree' " at this "$('#tree1').tree" code line 请参阅此例如 mbraak.github.com/jqTree 相同的代码适用其他页面，但它只包含 1.jqtree.css 2.diV 标签 3. 和三个 jquery 文件 jquery-1.8.0.js、tree.jquery.js 和 prism.js 4. 包含下面脚本标签中编写的功能代码 *

标签： javascript jquery jquery-ui jquery-plugins coffeescript

【解决方案1】：

移动你的tree.jquery.js<script>在你的实际jquery.js<script>：

 <div id="tree1"></div>  
    <script src="../Js/autoCombo/jquery-1.8.0.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.core.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.autocomplete.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.button.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.position.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/jquery.ui.widget.js" type="text/javascript"></script>  
    <script src="../Js/JQuery.js" type="text/javascript"></script>
    <script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../Js/picnet.table.filter.min.js" type="text/javascript"></script>     
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.9&sensor=true"></script>
    <script src="../Js/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
    <script src="../Js/advancedtable.js" type="text/javascript"></script>  
    <script src="../Js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="../Js/poiScript.js" type="text/javascript"></script>
    <script src="../Js/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
    <script src="../Js/jquery.dcmegamenu.1.3.3.min.js" type="text/javascript"></script>
    <script src="../Js/jquery.hoverIntent.minified.js" type="text/javascript"></script>
    <script src="../Js/jquery.dcmegamenu.1.3.3.js" type="text/javascript"></script>
    <script src="../Js/menu.js" type="text/javascript"></script>
    <script src="../Js/autoCombo/TRYY.js" type="text/javascript"></script>
    <script src="../jquery.confirm/jquery.confirm.js" type="text/javascript"></script>
    <!-- tree  --> 
    <script src="../Js/prism.js" type="text/javascript"></script>
    <script src="../Js/tree.jquery.js" type="text/javascript"></script>
   <!-- tree  -->

实际上，您似乎包含了 lots 的 jQuery。您需要删除其中的很多内容。

【讨论】：