PHP+;CodeIgniter:子目录的引导导航链接处于活动状态
新的引导在这里。我已经试了几个小时了。也许我遗漏了一些简单的东西 基本上,当浏览子目录时,我试图保持nav链接处于活动状态 当我点击“Accounts”(PHP+;CodeIgniter:子目录的引导导航链接处于活动状态,php,html,css,twitter-bootstrap,codeigniter,Php,Html,Css,Twitter Bootstrap,Codeigniter,新的引导在这里。我已经试了几个小时了。也许我遗漏了一些简单的东西 基本上,当浏览子目录时,我试图保持nav链接处于活动状态 当我点击“Accounts”(site.com/Accounts)时,它会正确地将nav link标记为active 账户是账户列表 当我单击列表中的一个帐户时,我们应该转到该帐户(site.com/accounts/0000734174),但侧边栏中的帐户导航链接不再处于活动状态 我如何在保持href“/accounts”的同时保持它的活动状态,因为在我看来它应该是活动的
site.com/Accounts
)时,它会正确地将nav link
标记为active
账户
是账户列表
当我单击列表中的一个帐户时,我们应该转到该帐户(site.com/accounts/0000734174
),但侧边栏中的帐户导航链接不再处于活动状态
我如何在保持href“/accounts”的同时保持它的活动状态,因为在我看来它应该是活动的。有数千个帐户,我们不希望每个帐户都有下拉式子导航链接
我的概念错了吗?请帮忙。
谢谢
编辑:
让我补充一下,这是通过代码igniter路由的,如下所示:
$route[ 'accounts/(:num)' ] = "accounts_details";
$route[ 'accounts' ] = "accounts_list";
让我补充一下我已经尝试过的。在这里可以找到不同的Jquery代码片段,不同的CSS失败,不同的路由思想。
这也是使用CodeIgniter框架的CoreUI模板
更多详情:
HTML-
更新1
是的,你走错了方向。这绝对不是一个引导问题
然而您关于使用一个而不是两个控制器的评论是一个很好的答案。如果有效,那就好了。但是,我们不知道CodeIgniter是如何将导航链接设置为活动的,因此我认为这是了解CodeIgniter和模型视图控制器体系结构的一个好机会
我不知道CodeIgniter,但看看他们的文档,我猜你是
在您的查看页面(可能是应用程序/视图/帐户\u详细信息和应用程序/视图/帐户\u列表)或控制器中,您必须对侧栏视图进行某种调用
您要做的是在控制器中设置一个PHP变量,然后:
$data=array('active'=>'active');
$this->load->view('main_view',$data);
然后在侧边栏代码中检查该变量
导航
-
我不知道CodeIgniter,但我想
原职
这不是一个引导问题
Bootstrap是为具有适当类或DOM结构的任何对象设置样式:
-
到目前为止,我能让它工作的唯一方法是改变/改成?并且只使用一个控制器来管理帐户列表和帐户详细信息。这是最好的方法吗?这是以什么语言为基础的?React、Angular或Vue?发布HTML也会help@Chiperific这些都不是。只是Bootstrap4,HTML5我相信你使用的是一个基于语言的框架。可能是这样的:?是的,侧边栏作为一个部分包含。由于CI是唯一的服务器端PHP框架,因此它没有设置活动状态的代码点火器。但我明白你在服务器端这么做的想法。它比JS解决方案更理想吗?使用服务器端解决方案,活动的
将立即出现在DOM上。使用JS,技术上会有延迟。感谢您的帮助,是的,服务器端解决方案正在运行
<div class="sidebar">
<nav class="sidebar-nav">
<ul class="nav">
<li class="nav-title">Navigation</li>
<li class="nav-item">
<a class="nav-link" href="<?php echo base_url(); ?>accounts">
<i class="nav-icon icon-folder-alt"></i> Accounts</a>
</li>
</ul>
</nav>
</div>
.sidebar .nav-link.active {
color: #fff;
background: #3a4248;
}