2011-11-23 139 views
0

我做了一个实体在我的应用程序的后代树,使用图书馆jstree。我做的是通常使用它: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

回答

2

这可能是因为您的ID属性无效。在HTML中,您不应该拥有ID的全部数字值。看到这篇文章:What are valid values for the id attribute in HTML?

另外,ID的应该在源代码中用引号括起来。

我遇到过像所有数字ID一样的情况,导致在某些浏览器中出现意外的结果。

+0

好吧,我改变了它,它似乎工作正常,但我不能确定问题不会再出现> _ <。如果在一个星期内一切正常,我会认为它已经解决了。非常感谢你 –