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

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

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

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

Answer 1

您需要等待填充树视图以加载 sample.html（请参阅load 文档）：

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