菜单不能直接进入一个页面

Question

我有菜单，它有子菜单。

<li> 
    <a href="#lead" data-toggle="collapse" class="collapsed"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span>Lead</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a> 
     <div id="lead" class="collapse "> 
      <ul class="nav"> 
      <li><a href="#quotation" data-toggle="collapse" class="collapsed"><i class="fa fa-quote-right" aria-hidden="true"></i><span>&nbsp;Quotation </span><i class="icon-submenu lnr lnr-chevron-left"></i></a> 
       <div id="quotation" class="collapse "> 
        <ul class="nav"> 
        <li><a href="<?php echo base_url()."index.php/SalesAdmin/cquotation"; ?>" data-toggle="collapse" class="collapsed"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Create Quotation</a></li> 
        <li><a href="<?php echo base_url()."index.php/SalesAdmin/qsummary"; ?>" data-toggle="collapse" class="collapsed"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Quotation Summary</a></li> 
        <li><a href="<?php echo base_url()."index.php/SalesAdmin/squotation"; ?>" data-toggle="collapse" class="collapsed"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Send Quotation</a></li> 
        </ul> 
       </div> 
      </li> 
     </ul> 
     </div> 
    </li> 

当我点击它时，我不能直接进入页面。我必须右键点击它才能进入所需的页面。 这里是我的控制器

public function cquotation(){ 
     $data = $this->salesModel->showCustomer(); 
     $this->load->view('v_navbar'); 
     $this->load->view('v_leftside'); 
     $this->load->view('v_cquotation',array('data'=>$data)); 
    } 

的例子难道你们有什么想法，有什么不好呢？ 我完全困惑

Answer 1

为什么你在每个超链接上使用data-toggle="collapse" class="collapsed"？您的代码在每个超链接中都有data-toggle="collapse" class="collapsed".Bootstrap将阻止href。的默认点击事件。因此，将代码中的每个data-toggle="collapse" class="collapsed"部分href都删除，它将起作用。

<li> 
    <a href="#lead" data-toggle="collapse" data-target="#lead" class="collapsed"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span>Lead</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a> 
    <div id="lead" class="collapse "> 
    <ul class="nav"> 
     <li><a href="#quotation" data-toggle="collapse" class="collapsed"><i class="fa fa-quote-right" aria-hidden="true"></i><span>&nbsp;Quotation </span><i class="icon-submenu lnr lnr-chevron-left"></i></a> 
     <div id="quotation" class="collapse "> 
     <ul class="nav"> 
      <li><a href="<?php echo base_url()."index.php/SalesAdmin/cquotation"; ?>" ><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Create Quotation</a></li> 
      <li><a href="<?php echo base_url()."index.php/SalesAdmin/qsummary"; ?>" ><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Quotation Summary</a></li> 
      <li><a href="<?php echo base_url()."index.php/SalesAdmin/squotation"; ?>" ><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Send Quotation</a></li> 
     </ul> 
     </div> 
    </li> 
    </ul> 
</div> 
</li>