Javascript jsTree未正确呈现列表?
我尝试使用jsTree,在他们的站点上浏览第一个示例,结果只是一个普通的列表,而不是树样式化的列表。我有这个部门Javascript jsTree未正确呈现列表?,javascript,asp.net,asp.net-mvc,jstree,Javascript,Asp.net,Asp.net Mvc,Jstree,我尝试使用jsTree,在他们的站点上浏览第一个示例,结果只是一个普通的列表,而不是树样式化的列表。我有这个部门 <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li>Root node 1 <ul> <li id="child_node
<div id="jstree">
<!-- in this example the tree is populated from inline HTML -->
<ul>
<li>Root node 1
<ul>
<li id="child_node_1">Child node 1</li>
<li>Child node 2</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div>
- 根节点1
子节点1
- 子节点2
根节点2
下面是javascript
$(文档).ready(函数(){
$(“#jstree”).jstree();
});
列表正常显示,只是常规HTML,而不是它应该显示的树。控制台中没有错误
jsTree js文件包含在Site.Master文件的jquery1.9.1之后,该文件通过MasterPageFile链接到此页面
我正在使用ASP.NET的网站,我不认为这将是重要的,但也许它是?我想这会很简单
我假设我遗漏了一些简单的东西,有什么想法吗?也有同样的问题,结果是缺少了样式。我知道OP提出这个问题已经两年多了,但任何面临同样问题的人都可以在添加这些问题并修复相关路径后尝试一下:
<link rel="stylesheet" href="../js/themes/default/style.min.css">
<link rel="stylesheet" href="../js/themes/default-dark/style.min.css">
编辑:
jstree.zip中的演示文件无法工作,因为jQuery链接已断开。替换:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
与:
(或者当你在做这个的时候用另一个最新的链接)瞧 如果你在客户端查看div的ID,它是否与服务器上的匹配?@mason我不知道你的意思。在我的aspx页面中,div id是jstree。当我运行页面并检查元素时,div id仍然是jstree。或者你的意思是什么?默认情况下,客户端和服务器上的ID是不同的(当使用母版页或其他合成技术时)。这是一个重要的区别。看看我对你的回答。但是,如果您确定在检查生成的HTML时客户端的ID是
jstree
,那么您就遇到了另一个问题。OP问这个问题可能已经两年了,但差不多三年之后,您的回答帮了我的忙!谢谢@斯特诺听到这个消息很高兴!
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>