2

シナリオ:コード html ファイルで次のことを検討してください。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jQuery treetable</title>
        <link rel="stylesheet" href="assets/css/screen.css" media="screen" />
        <link rel="stylesheet" href="assets/css/jquery.treetable.css" />
        <link rel="stylesheet" href="assets/css/jquery.treetable.theme.default.css" />
    </head>
    <body>
        <div id="main">
            <table id="tree">
                <tr id="node-1">
                    <td>Parent</td>
                </tr>
                <tr id="node-2" class="child-of-node-1">
                    <td>Child</td>
                </tr>
                <tr id="node-3" class="child-of-node-2">
                    <td>Child</td>
                </tr>
            </table>
        </div>
        <script src="assets/js/jquery.js"></script>
        <script src="assets/js/jquery-ui.js"></script>
        <script src="assets/js/jquery.treetable.js"></script>
        <script>
            $("#tree").treetable({ expandable: true }); 
        </script>
    </body>
</html>

すべてのリソース/依存関係 (js、css、およびイメージ ファイル) は、200 HTTP ステータス (後で 304) で完全に読み込まれます。

問題: Firebug のエラーです。以下は、firebug コンソールからのエラーです。

TypeError: $(...).treetable is not a function
[Break On This Error] 
$("#tree").treetable({ expandable: true });

リンク:

  1. プラグインのソース
  2. ドキュメントとデモ/例

質問:この問題が発生し、解決策を知っている人はいますか? 次に、これに光を当ててください。これは非常に役立ちます。

更新 1:次のコードで試しても:

<script>
    $(document).ready(function () {
        $("#tree").treetable({ expandable: true });
    });
</script>

更新 2:すべての回答に基づいています。

次のコードで試しました：

<script>
    $(document).ready(function () {
        $("#tree").treeTable({ expandable: true });
    });
</script>

しかし、運が悪い:-(

ソースの例は、大文字の「T」ではなく「t」だけです。(リンク)

4

2 に答える 2

0

あなたの方法は間違っています。たとえば、ドキュメントを確認してください。メソッドには小文字を使用する必要があります。

 $("#tree").treetable({ expandable: true });
于 2013-03-08T10:36:21.127 に答える
0

ドキュメントとインストール手順で提供される古いリファレンス (リンク > 2.2 )

2.2ステップは、「src/javascripts/jquery.treeTable.jsを追加する」と言っています

しかし、それは機能せず、実際のサンプルjquery.treeTable.jsはサーバー上の別のファイルを参照しています。GitHubソースコードで正しい

コードに言及されている他の回答treetable()は、のようにする必要がありtreeTable()ます。しかし、うまくいきませんでした。:-(

問題は次のとおりです: 2.2 のステップでは、「src/javascripts/jquery.treeTable.jsを追加する」と表示されます。

解決策: GitHubjquery.treeTable.jsからファイルを取得する

GitHub で提起された問題

于 2013-03-08T11:20:29.993 に答える