使用Codeigniter浏览页面时更改锚点类

罗谢尔卡纳莱

大家好,您只想问一个简单的问题。这全都与创建导航链接有关。因为我有一个导航链接。并且,如果用户选择一个链接,则该链接将突出显示;如果用户单击另一个链接,则该链接将被突出显示,而上一个链接则不会。在创建链接时,我使用一个数组,然后循环调用该动作。

这是我的代码

MY CONTROLLER

 public function homepage(){

        $data['title'] = "Welcome";
        $data['copyright'] = date('Y');
        $data['queryViewEntries'] = $this->category_model->viewAllEntry();
        $data['link'] = "category";     
        $this->load->view('common/header_common',$data);
        $this->load->view('common/navigation',$data);
        $this->load->view('User/contents/homepage');
        $this->load->view('common/footer_common',$data);

    }   

MY VIEW

 <li class="nav-header"></li>
          <?php

                $highlight = $link;

                $section = array(
                    'CATEGORIES' => 'user_controller/homepage',
                    'ITEMS' => 'item_controller/index',
                    'SUPPLIERS' => 'supplier_controller/index'
                );

                foreach($section as $key => $value){

                    echo "<li class='active'>".anchor($value,$key)."</li>"; //this is the problem how can i set the cliked link to active and the other will be not.


                }

          ?>
</li>

我希望你们能帮助我。谢谢。

Loopo

首先,您可能希望将列表包含在<ul>中,而不要在打开列表后立即关闭它。(您的编辑可能对此有帮助)。在循环中,您需要对照当前链接检查每个键并相应地应用样式。就像是 ....

    <ul class="nav-header">
          <?php

                $highlight = $link;

                $section = array(
                    'CATEGORIES' => 'user_controller/homepage',
                    'ITEMS' => 'item_controller/index',
                    'SUPPLIERS' => 'supplier_controller/index'
                );



                  foreach($section as $key => $value){ 
                      if ($key == $link){
                           echo "<li class='active'>";
                      } else{ 
                         echo "<li class='inactive'>";
                      }
                      echo anchor($value,$key)."</li>"; 

                    }

          ?>
</ul>

您必须确保视图中的“ section”数组和$ data ['link']具有相同的值。即重命名它们以匹配例如在您的控制器中

$data['link'] = 'CATEGORIES'

或者在您看来`$ section = array('category'=>'user_controller / homepage',.....);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用锚点更改页面的内容

来自分类Dev

使用锚点更改页面的内容

来自分类Dev

使用jQuery更改DOM中的锚点类

来自分类Dev

当页面滚动到达锚点时更改DIV的不透明度

来自分类Dev

滚动页面中其他div锚点时如何更改导航文本颜色

来自分类Dev

在链接 codeigniter 中使用锚点

来自分类Dev

在滚动时折叠导航,但在使用页面锚点时也开始折叠

来自分类Dev

链接到页面中间锚点的 CodeIgniter 控制器

来自分类Dev

使用锚点,类和jQuery滚动

来自分类Dev

使用ajax加载页面并滚动到加载的页面锚点

来自分类Dev

如何在更改锚点时更改UILabel的框架

来自分类Dev

如何在更改锚点时更改UILabel的框架

来自分类Dev

创建一个锚点,当您单击该锚点时将更改内容

来自分类Dev

链接到不同页面上的锚点和scroolTo使用JQuery锚点

来自分类Dev

单击锚点元素时更改span元素的文本

来自分类Dev

单击其锚点时如何更改工具提示?

来自分类Dev

使用Javascript或Jquery重新加载带有锚点的页面

来自分类Dev

使用Javascript或Jquery重新加载带有锚点的页面

来自分类Dev

自动HTML页面刷新以保持滚动位置,并使用锚点

来自分类Dev

滚动页面到锚点

来自分类Dev

使用javascript更改锚点的download属性的值

来自分类Dev

如果在使用document.write创建的页面上单击锚点,则Firefox的行为与其他浏览器不同。有解决方法吗?

来自分类Dev

更改按钮锚点SwiftUI

来自分类Dev

根据锚点更改InnerHTML

来自分类Dev

使用 css 锚点时的角度路由器问题

来自分类Dev

滚动浏览类时更改导航

来自分类Dev

仅更改锚点而不更改位置

来自分类Dev

WordPress-如何更改浏览器加载页面时使用的主题文件?

来自分类Dev

链接到页面锚点时,如何在其中调用JS代码?

Related 相关文章

  1. 1

    使用锚点更改页面的内容

  2. 2

    使用锚点更改页面的内容

  3. 3

    使用jQuery更改DOM中的锚点类

  4. 4

    当页面滚动到达锚点时更改DIV的不透明度

  5. 5

    滚动页面中其他div锚点时如何更改导航文本颜色

  6. 6

    在链接 codeigniter 中使用锚点

  7. 7

    在滚动时折叠导航,但在使用页面锚点时也开始折叠

  8. 8

    链接到页面中间锚点的 CodeIgniter 控制器

  9. 9

    使用锚点,类和jQuery滚动

  10. 10

    使用ajax加载页面并滚动到加载的页面锚点

  11. 11

    如何在更改锚点时更改UILabel的框架

  12. 12

    如何在更改锚点时更改UILabel的框架

  13. 13

    创建一个锚点,当您单击该锚点时将更改内容

  14. 14

    链接到不同页面上的锚点和scroolTo使用JQuery锚点

  15. 15

    单击锚点元素时更改span元素的文本

  16. 16

    单击其锚点时如何更改工具提示?

  17. 17

    使用Javascript或Jquery重新加载带有锚点的页面

  18. 18

    使用Javascript或Jquery重新加载带有锚点的页面

  19. 19

    自动HTML页面刷新以保持滚动位置,并使用锚点

  20. 20

    滚动页面到锚点

  21. 21

    使用javascript更改锚点的download属性的值

  22. 22

    如果在使用document.write创建的页面上单击锚点,则Firefox的行为与其他浏览器不同。有解决方法吗?

  23. 23

    更改按钮锚点SwiftUI

  24. 24

    根据锚点更改InnerHTML

  25. 25

    使用 css 锚点时的角度路由器问题

  26. 26

    滚动浏览类时更改导航

  27. 27

    仅更改锚点而不更改位置

  28. 28

    WordPress-如何更改浏览器加载页面时使用的主题文件?

  29. 29

    链接到页面锚点时,如何在其中调用JS代码?

热门标签

归档