jquery - 如何让我的 TreeView 在进入子页面后显示数据？

Question

我在 MVC 布局中设计了一个 TreeView ，其中使用了 Bootstrap 和 jquery。我在 TreeView 中得到了一个“主”文本，父级内部得到了“Details1”作为 Child 1/“details2”作为 child 2。我的问题是，每当我单击“Details1”(child1) 时，它都会将我带到 Details 1 页面，但所有子类都会在我的 TreeView 中与父类一起折叠起来。我希望我的子数据与父数据一起折叠，仅在页面加载期间以及每当我们单击父数据时。所有其他时间以及每当我们单击子页面链接时，我不希望数据被折叠，我希望所有子类显示在父类下方。如何实现。？

我们用于 TreeView 的代码如下..

<ul class="sidebar-menu">
                    <li class="treeview">
                        <a href="#">
                        <i class="fa fa-clipboard" aria-hidden="true"></i><span>Masters</span> <span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span></a>
                        <ul class="treeview-menu">
                            <li><a href="/Detail1"><i class="fa fa-angle-right" aria-hidden="true"></i> Detail1</a></li>
                            <li><a href="/Detail2"><i class="fa fa-angle-right" aria-hidden="true"></i> Detail2</a></li></ul>

Answer 1

您可以使用 JQuery 或 #targetid 两种方式

<script>
$(function(){
   $('#child').click(function(){
   $('.treeview-menu').addClass('active');
});
});
</script>

或 使用目标 ID #id