Jquery插件treeTable：无法正确显示答案

【问题标题】：Jquery plugin treeTable : Not Displaying correctlyJquery插件treeTable：无法正确显示
【发布时间】：2013-02-20 15:54:03
【问题描述】：

我正在使用一个 Jquery 插件 treeTable 来显示一个 html 表格。 http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/我的代码如下：

<html>
<head>
<link href="treeTable/src/stylesheets/jquery.treeTable.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="treeTable/src/javascripts/jquery.treeTable.js"></script>

<script type="text/javascript" src="treeTable/doc/javascripts/jquery.js"></script>
<script type="text/javascript" src="treeTable/doc/javascripts/jquery.ui.js"></script>

<script>

  $(document).ready(function() {
    $('.type_struct_class').treeTable({
        initialState: 'collapsed'
        });
    $('table#type_struct tbody tr').mousedown(function() {
        $('tr.selected').removeClass('selected'); 
        $(this).addClass('selected');
    });
    $(\"table#type_struct tbody tr span\").mousedown(function() {
        $($(this).parents(\"tr\")[0]).trigger(\"mousedown\");
    });





});
</script>
</head>
<body>

<table class='type_struct_class' id='type_struct'>
  <tr id="node-1">
    <td>Parent</td><td>100</td><td>1000</td>
  </tr>
  <tr id="node-2" class="child-of-node-1">
    <td>Child</td><td>200</td><td>2000</td>
  </tr>
  <tr id="node-3" class="child-of-node-2">
    <td>Child</td><td>300</td><td>3000</td>
  </tr>
</table>

</body>
</html>

我看不到表格的格式，就像子节点和父节点一样。它在我的 Chrome 浏览器中显示为普通表格。谁能帮助我哪里出错了？

【问题讨论】：

标签： jquery html-table treetable

【解决方案1】：

我发现 jQuery 树表和 Atlassian 产品的集成很困难，并编写了一个兼容的脚本克隆。它也有一些用于动态生成表格的辅助函数：您可以尝试一下：http://culmat.github.io/jsTreeTable/

【讨论】：

【解决方案2】：

试试这个：- http://jsfiddle.net/adiioo7/6mtnL/

$(document).ready(function () {
    $('.type_struct_class').treeTable({
        initialState: 'expanded'
    });
    $('table#type_struct tbody tr').mousedown(function () {
        $('tr.selected').removeClass('selected');
        $(this).addClass('selected');
    });
    $("table#type_struct tbody tr span").mousedown(function () {
        $($(this).parents("tr")[0]).trigger("mousedown");
    });
});

【讨论】：

是的，我明白这是我想做的。但是，我的浏览器中没有发生同样的情况。你能建议为什么会这样吗？那里有什么问题？
浏览器名称和版本？？
谷歌浏览器版本 24.0.1312.57
从 JS 中删除 "\" 字符 $(\"table#type_struct tbody tr span\").mousedown(function() { $($(this).parents(\"tr\" )[0]).trigger(\"mousedown\"); });
尤里卡！！经过长时间的斗争，我发现了错误！在包含 JQuery.js 脚本之前，我犯了一个错误，首先引用了 treeTable.js。现在使用正确的顺序，它工作正常。