jsTree 노드가 작동하지 않습니다.

Question

자바 스크립트에서만 jsTree를 만들고 싶지만 코드가 제대로 작동하지 않고 문제가있는 곳을 찾을 수 없습니다. Google의 다른 항목도 나를 더 이상 끌어 들이지 못했습니다.

$("#root2").append("<li class='2013'>2013<ul>"); 
$("#root2").append("<li class='jan'>January<li>"); 
$("#root2").append("<li class='feb'>february<li>"); 
$("#root2").append("<li class='mar'>Mars<li>"); 
$("#root2").append("</ul></li>"); 

$("#jstree2").jstree(); 

: 내 .PHP 파일이 사업부가

: 페이지가 준비되면 내의 .js 파일에서

<div id="jstree2"> 
    <ul id="root2"> 
    </ul> 
</div> 

, 나는 실행 간단하게 다음과 같은 코드가 있습니다 결과는 다음과 같습니다.

| ---- 2013
|
| ---- 1 월
|
| ----
|
| ---- 2 월
|
| ----
|
| ---- 화성
|
| ----

내가 PHP 파일에서 HTML 직접 쓰기 (= wenn은 PHP 파일이로드 된 후 작성하지 않음) 트리가 올바르게 표시됩니다. 나무를 만들 수있는 방법을 올바르게 만들 수 있습니까 (2013 년을 열거 나 닫을 수 있습니까?).

Answer 1

루트에 모든 요소를 ​​추가하고 있습니다. 이것은을 수행해야합니다

$(function() { 
    var yearNode = $('<li>', { 
     class: '2013' 
    }).text('2013'); 

    var year = $('<ul>'); 

    year.appendTo(yearNode); 

    $('<li>', { 
     class: 'jan' 
    }).text('January').appendTo(year); 

    $('<li>', { 
     class: 'feb' 
    }).text('February').appendTo(year); 

    $('<li>', { 
     class: 'mar' 
    }).text('March').appendTo(year); 

    yearNode.appendTo($('#root2')); 

    $('#jstree2').jstree(); 
}); 

Demo

Answer 2

당신은 제대로 닫는 리 태그에 대해 잊어 버렸습니다. 귀하의 HTML이 잘못 생성됩니다 원인.

$("#root2").append("<li class='2013'>2013<ul>") 
.append("<li class='jan'>January</li>") 
.append("<li class='feb'>february</li>") 
.append("<li class='mar'>Mars</li>") 
.append("</ul></li>"); 

$("#jstree2").jstree();