0

http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/をかなり厳密にフォローしていますが、これはうまく機能しますが、HTML に既にテーブルが必要なようです。プログラムの後半でテーブルを作成し、それを treeTable を介して実行して、展開可能なビューを取得したいと考えています。「$(document).ready(function()」を削除して通常の関数に置き換え、テーブルの作成後にその関数を呼び出すと、ビューが想定どおりに機能しません。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jquery/jquery.js"> </script>

    <link href="./jquery/jquery.treeTable.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="./jquery/jquery.treeTable.js"></script>
    <script type="text/javascript">
    function init() {
        createTable();

        $("#pathTable").treeTable();
      }
    </script>

    <script type="text/javascript">
        function createTable() {
            document.write('<table id="pathTable"><tbody>');
            document.write('<tr id="node-0"><td>node0</td></tr>');
            document.write('<tr id="node-1" class="child-of-node-0">');
            document.write('<td>node1</td></tr>');
            document.write('<tr id="node-2" class="child-of-node-1">');
            document.write('<td>node2</td></tr>');  
            document.write('</tbody></table>');             
        }
    </script>
</head>
<body onload="init()">
</body>
</html>
4

2 に答える 2

0

私自身の質問に答える：

document.write() が DOM に書き込んでいないことが判明したため、テーブルに対してこれ以上何もできませんでした。

問題を解決するのに役立つサイトを見つけました

于 2012-06-01T18:19:46.697 に答える