2015-08-14 48 views
2

我創建了一個簡單的js頁面和一個html頁面:當我點擊按鈕時,我想獲得一個jstree結構。我正在結構上的第一次點擊。但是當我再次單擊它給了我一個正常結構..這是一個錯誤jstree ...請幫助Jstree問題 - 只執行一次

HTML代碼:

<body><button id="idClickMe">Click me</button><div id='jstree'></div></body> 

的js代碼

$(document).ready(function(){ 
    $('#idClickMe').click(function(){ 
     var resultant="<ul><li data-jstree='{'selected' : true, 'opened' : true }><span>Friend</span><ul><li>abc</li></ul></li><li><span>Wife</span></li><li><span>Company</span></li></ul>"; 
     $("#jstree").html(resultant); 
     $("#jstree").jstree(); 
     //$("#jstree").jstree("refresh"); 
    }); 
}); 
+0

的第一代碼是HTML和第二個是 –

+1

你不說我的JS網頁... – Banana

回答

1

您需要在HTML更改和調用之前銷燬該樹。

DEMO

$('#idClickMe').on('click',function() { 
    var resultant = "<ul><li data-jstree='{'selected' : true, 'opened' : true }><span>Friend</span><ul><li>abc</li></ul></li><li><span>Wife</span></li><li><span>Company</span></li></ul>"; 
    $("#jstree").jstree('destroy').html(resultant); 
    $("#jstree").jstree(); 
}); 
+0

嗨Rejith,不敢相信答案是如此簡單..試過天...有用!!!!!!謝謝 –

+0

此外,如果任何人都可以幫助我這個...有沒有一種方法來配置jstree結構。我的樹正在填充的窗格寬度較小,因此整個結構無法看到。我用同一個滾動條來查看整個結構。但是,如果我可以配置結構並使其更垂直,我可以節省一些寬度空間。另外,如果我用較小的圖標替換圖標,它可能會有所幫助。任何幫助? –

+0

@ParthaKalita,如果此答案有助於解決您的問題,請將其標記爲已接受,並使用選票左側的綠色V標記。 – Banana