如何使用JQuery.Load访问Div中加载URL的UL“id”,“name”等,以设置JQuery树视图

how to access the UL “id',”name" etc. of Loaded URL within a Div using JQuery.Load to set JQuery Treeview

本文关键字:JQuery id name 视图 设置 UL 访问 Load 何使用 Div URL      更新时间:2023-09-26

sample.html Code

<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 树视图

流程 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"中。 代码成功填充树视图

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

如何在主页中设置树视图以填充JQuery树视图?

注意:我不想把Javascript放到"Sample.html"中。

您需要

等待填充示例的树视图.html才能加载(请参阅文档以获取加载):

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