0

sample.html コード

<ul id="browser" class="filetree">
   <li><span class="folder">Folder 1</span>
        <ul>
            <li><span class="file">Item 1.1</span></li>
        </ul>
   </li>
</ul>

メインページコード

<div id="LtrLeftContent">
   <script type="text/javascript">
       $('#LtrLeftContent').load('sample.html');
   </script>                    
</div>

ページが正常に読み込まれました。ただし、メイン ページ内で以下のコードを使用して Jquery Treeview を設定することはできません

プロセス 1:

$("div#LtrLeftContent").contents().find("ul#browser").treeview();

プロセス 2:

$("div#LtrLeftContent").ready(function () {
    $("ul#browser.filetree").treeview();
});

プロセス 3:

$(document).ready(function () {
    $("ul#browser").treeview();
});

プロセス 4:

$("#LtrLeftContent").html().find("#browser").treeview();

しかし、次のコードを「sample.html」に入れると。コードは Treeview を正常に設定します

$(document).ready(function () {
    $("#browser").treeview();
});

JQueryツリービューを設定するためにツリービューをメインページに設定する方法は?

注: Javascript を「 Sample.html 」に入れたくありません。

4

1 に答える 1

0

sample.htmlがロードされるようにツリービューにデータを入力するのを待つ必要があります（ロードについてはドキュメントを参照してください）。

$('#LtrLeftContent').load('sample.html', function(response, status, xhr) {
    $("#browser").treeview();
});
于 2012-07-05T20:53:15.273 に答える