在页面加载期间,当等待JQuery树插件呈现时,丑陋的HTML列表可见

在页面加载期间,当等待JQuery树插件呈现时,丑陋的HTML列表可见,jquery,html,tree,render,Jquery,Html,Tree,Render,我正在使用名为“jstree”的JQuery插件。 这样的插件在ready函数中注册,并绑定到特定的HTMLdiv元素。 因此,显然,当加载页面时,一个原始的丑陋HTML列表会变成一棵漂亮的树,插件工作正常 我的问题是因为有一个阶段(大约一秒钟)在页面中可以看到原始HTML,等待插件被触发。换句话说,在第二种情况下,它完全可以看到丑陋的HTML列表。这种生物在功能强大的PC上几乎是无法察觉的,但是 在普通的机器上烦扰 我怎样才能避免这种情况?有没有办法直接呈现插件管理的树列表,而不让丑陋的HTM

我正在使用名为“jstree”的JQuery插件。 这样的插件在ready函数中注册,并绑定到特定的HTMLdiv元素。 因此,显然,当加载页面时,一个原始的丑陋HTML列表会变成一棵漂亮的树,插件工作正常

我的问题是因为有一个阶段(大约一秒钟)在页面中可以看到原始HTML,等待插件被触发。换句话说,在第二种情况下,它完全可以看到丑陋的HTML列表。这种生物在功能强大的PC上几乎是无法察觉的,但是
在普通的机器上烦扰

我怎样才能避免这种情况?有没有办法直接呈现插件管理的树列表,而不让丑陋的HTML可见(我的客户对这种情况不太满意)


谢谢

可能有一种方法,但可能不是最好的。首先尝试使用jQuery的函数
.hide()
将列表隐藏1秒,然后使用jQuery的函数
.show()
将列表显示回来。或者你可以(如果可能的话)从CSS中隐藏它,然后在你的插件上尝试一个
.load()
函数,然后
.show()
通过jQuery来显示它。

如果你不想让没有JavaScript的人看到列表,那么你不能简单地使用CSS隐藏列表
显示:无
。插件应该仍然能够拾取它,并从列表中呈现一棵漂亮的树,但您的未设置样式的列表将永远不可见。

这是怎么回事:在页面准备功能上执行
.hide()
1秒,然后执行
.show()
it?或jsut设置隐藏在css中的树,并在加载jquery树后使其可见解决方案是正确的。我在ready函数启动时隐藏div,在调用插件的load回调函数时显示div。但是,我不使用“显示”和“隐藏”:我设置css属性“可见性”来保留空间。