Jstree沒有正確渲染

Question

我做了一個實體在我的應用程序的後代樹，使用圖書館jstree。我做的是通常使用它：

• 顯示一個<ul> & <li>結構像往常一樣
• 然後我套用.jstree(...)功能結構的父<div>。

我很抱歉，但我不能爲你我的源代碼，因爲是動態從應用程序的diferent部分產生的，但我可以顯示<ul> & <li>結構的結果例子：

<div id="unidadtree"> 
<ul> 
    <li id=182 ><a href="-censored-">Node-name</a></li> 
    <li id=170 ><a href="-censored-">Node2-name</a> 
     <ul> 
      <li id=179 ><a href="-censored-">Node2.1-name</a></li> 
      <li id=171 ><a href="-censored-">Node2.2-name</a> 
       <ul> 
        <li id=172 ><a href="-consored-">Node2.2.1-name</a></li> 
       </ul> 
      </li> 
      <li id=176 ><a href="-censored-">Node2.3-name</a> 
       <ul> 
        <li id=178 ><a href="-censored-">Node2.3.1-name</a></li> 
        <li id=177 ><a href="-censored-">Node2.3.2-name</a></li> 
       </ul> 
      </li> 
      <li id=175 ><a href="-censored-">Node2.4-name</a> 
       <ul> 
        <li id=33 ><a href="-censored-">Node2.4.1-name</a> 
         <ul> 
          <li id=137 ><a href="-censored-">Node2.4.1.1</a></li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 
</div> 

則js函數轉換該列表到jstree是：

`

$("#unidadtree").jstree({ 
    "themes" : { 
     "theme" : "custom", 
     "dots" : false, 
     "icons" : true, 
    } 
});` 

問題是，幾次（每50次約1次）javascript函數似乎無法正確加載。我看到的結果是一個正常的html <ul> & <li>結構。真正奇怪的問題是錯誤的頻率很低。可能不是我的錯？別人有這個問題嗎？

非常感謝您的時間！ ：D

Answer 1

這可能是因爲您的ID屬性無效。在HTML中，您不應該擁有ID的全部數字值。看到這篇文章：What are valid values for the id attribute in HTML?

另外，ID的應該在源代碼中用引號括起來。

我遇到過像所有數字ID一樣的情況，導致在某些瀏覽器中出現意外的結果。