Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/292.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
PHP+;CodeIgniter:子目录的引导导航链接处于活动状态_Php_Html_Css_Twitter Bootstrap_Codeigniter - Fatal编程技术网

PHP+;CodeIgniter:子目录的引导导航链接处于活动状态

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”的同时保持它的活动状态,因为在我看来它应该是活动的

新的引导在这里。我已经试了几个小时了。也许我遗漏了一些简单的东西

基本上,当浏览子目录时,我试图保持nav链接处于活动状态

当我点击“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;
    }