如何使用JQuery.Load设置JQuery Treeview来访问Div中的加载URL的UL“id”，“name”等

Question

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();
});

如何将treeview设置为主页以填充JQuery树视图？

注意：我不希望将Javascript放入“ Sample.html ”。

Answer 1

您需要等待填充treeview才能加载sample.html（请参阅docs for load）：

$('#LtrLeftContent').load('sample.html', function(response, status, xhr) {
    $("#browser").treeview();
});