示例jsTree代碼不起作用

<!DOCTYPE html>  
<html> 
<head> 
<title>Demo</title> 
<script type="text/javascript" src="../_lib/jquery.js"></script> 
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script> 
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script> 
<script type="text/javascript" src="../jquery.jstree.js"></script> 
<script type="text/javascript""> 
    alert($().jquery); 
    alert($().jstree._themes); 

    $(function() { 
     $("#tree").jstree({ 
      "json_data" : { 
       "ajax" : { 
        "url" : "/home/antonio/tomcat/webapps/jstree/_docs/_json_data.json", 
        "data" : function (n) { 
         return { id : n.attr ? n.attr("id") : 0 }; 
        } 
       } 
      }, 
     "plugins" : [ "themes", "json_data" ] 
    }); 
}); 

</script> 

</head> 
<body> 
    <h> Hello </h> 
    <div id='tree'></div> 

</body> 
</html>

Okey，主要問題是示例代碼不起作用。當我嘗試顯示此頁面時加載樹的動畫出現，但它永遠掛起，它不顯示任何東西。示例jsTree代碼不起作用

jquery的版本顯示正確。還有下一個提醒。

我做錯了什麼？

來源

2012-08-02 Zamarro

請使用適當的編輯器（並查看瀏覽器控制檯..）。我貼你的代碼在Netbeans的（我用它爲Java太），它已經向我展示了這些錯字的：

<script type="text/javascript""> 
The double quote. 

<h> Hello </h> 
The invalid h tag.

應該像

<script type="text/javascript"> 

<h1> Hello </h1>

此外，你將要添加的CSS ，對..

我發現了一些jquery.jstree.js，但它給了我一個錯誤，沒有任何客戶端代碼。請通過url或jsfiddle示例提供示例的源代碼。

來源

2012-08-02 12:03:10 EricG

謝謝你的斑點錯誤，但行被maknig錯誤是這一個：「URL」：「/home/antonio/tomcat/webapps/jstree/_docs/_json_data.json」，這insted的我已經使用了另一個「url」：「http：// localhost：7777/jstree/_docs/_json_data_123.json」，現在工作正常。 – Zamarro 2012-08-02 15:15:57

哈哈好吧，沒問題 – EricG 2012-08-02 15:17:43

也許你想發佈答案作爲解決方案/刪除線程？ – EricG 2012-08-02 21:40:11

這是我發現我的問題的解決方案。

<html> 
<head> 
<title>Demo</title> 
<script type="text/javascript" src="../_lib/jquery.js"></script> 
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script> 
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script> 
<script type="text/javascript" src="../jquery.jstree.js"></script> 
<script type="text/javascript"> 
    alert($().jquery); 
    alert($().jstree._themes); 
    $(function() { 
     $("#tree").jstree({ 
      "json_data" : { 
       "ajax" : { 
        "url" : function (node) { 
         if (node == -1) 
         { 
          url = loadRoot(); 
         } 
         else { 
          url = loadNode(node); 
         } 

         return url; 
        }, 
        "data" : function (n) { 
         return { id : n.attr ? n.attr("id") : 0 }; 
        } 
       } 
      }, 
     "plugins" : [ "themes", "json_data" ] 
    }); 
}); 

function loadRoot() { 
    return "http://localhost:7777/jstree/_docs/_json_data_123.json"; 
} 

function loadNode(node) { 
    var nodeId = ""; 
    var url = ""; 

    nodeId = node.attr('id'); 

    //Call the function that will retrieve the information. 
    // fetchData(); 

    url = "http://localhost:7777/jstree/_docs/_json_data_0"+nodeId+".json"; 
    return url;      
} 

</script> 

</head> 
<body> 
    <h1> Hello </h1> 
    <div id='tree'></div> 

</body> 
</html>

來源

2012-08-08 09:09:38 Zamarro

示例jsTree代碼不起作用

回答

相關問題