Uncaught TypeError: Object #<Object> не имеет метода 'tree'
** получение этой ошибки "Uncaught TypeError: Object # не имеет метода" 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. содержит код fumction написано в теге сценария ниже
<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&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>
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 -->
На самом деле, похоже, вы включили много jQuerys. Вы должны удалить много из них.