激活菜单onclick引导与codeigniter

我想激活菜单点击。我使用引导与codeigniter但是我已经尝试了很多，但它不工作。这是我的top_menus.php代码。激活菜单onclick引导与codeigniter

<div class="navbar-wrapper" style="position: absolute; 
top: 0; 
right: 0; 
left: 0; 
z-index: 20; 
margin-top: 2px;"> 
<div class="container"> 
     <div id="menu" class="navbar navbar-inverse navbar-static-top"> 
     <div class="navbar-header"> 
      <button class="btn btn-success navbar-toggle" 
        data-toggle="collapse" 
        data-target=".navbar-collapse"><span class="glyphicon glyphicon-chevron-down"></span></button> 
      <div id="logo"> 
      <a class="navbar-brand" href="<?php echo "index";?>">blog</a> 
      </div> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar" id="mytab"> 
      <li class="nav active"><a id="signup" href="<?php echo "index/signup";?>">Sign up</a></li> 
      <li class="nav"><a id="sign" href="<?php echo "index/signin";?>">Sign In</a></li> 
      <li class="nav"><a id="logout" href="<?php echo "index/logout"; ?>">Logout</a></li> 
      <li class="nav"><a id="new_post" href="<?php echo "index/posts";?>">new post</a></li> 
      <li class="nav"><a id="show_post" href="<?php echo "index/show_post";?>">Show post</a></li> 
      <li class="nav"><a id="upload" href="<?php echo "index/upload_form";?>">upload</a></li> 
      <li class="nav"><a id="contact" href="<?php echo "index/contact";?>">Contact us</a></li> 
     </ul> 
     </div>   
    </div> 
    </div> 
    </div>

让我们假设我点击登录，所以它会去signin.php。这里是signin.php

<body class="container" style="padding:40px;"> 
<?php $this->load->view('top_menus'); ?> 
<h1> Sign In</h1> 
<div class="row"> 
<div class="col-lg-12"> 
<?php 

if($this->session->userdata('username')!=''){ 
redirect("index/post"); 
} 
echo form_open("index/verifying"); 
echo form_input('username','','placeholder="username"'); 

    ?> 
</div> 
</div> 
<div class="row"> 
<div class="col-lg-12"> 
<?php 
echo form_input('password','','placeholder="password"'); 
echo form_submit('submit','Signin'); 
echo form_close(); 
?> 
</div> 
</div> 

    <script src="<?php echo base_url();?>js/jquery-2.1.0.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="<?php echo base_url();?>js/bootstrap.min.js"></script> 
    <script src="<?php echo base_url();?>js/tabactivation.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 

    $('#sign').click(function(e) { 
    var $this = $(this); 
    if (!$this.hasClass('active')) { 
    $this.addClass('active'); 
    } 
    e.preventDefault(); 
    });

来源

2014-03-12 Aitazaz Khan

激活链接是给特定的ID在每个页面，通过它，我们会发现菜单文字和比我们将添加CSS类，你可以用最简单的方法的代码一个单独的js文件激活上点击菜单，并把我给你下面的只有signin.php首先的代码创建的signin.php例如一个id

<body id="signin"> 
The rest of the code inside the body....... 
</body>

不是创建Java脚本文件，并添加以下代码。

$("#signin a:contains('Sign In')").parent().addClass('active');

所以首先创建谁是菜单点击后面的所有页面的ID，以及菜单的其余部分做同样的事情，我希望它会工作

来源

2014-03-12 21:39:08

谢谢哥们你真的让我很快乐，但为什么它没有与我的代码工作我仍然想知道 –

您提供的代码对选项卡很好，但不适用于将css类添加到选择器 –

激活菜单onclick引导与codeigniter

回答

相关问题