菜单不能直接进入页面答案

【问题标题】：Menu can't go directly to a page菜单不能直接进入页面
【发布时间】：2017-05-27 15:24:15
【问题描述】：

我有一个包含子菜单的菜单。

<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));
    }

你们知道它有什么问题吗？我完全糊涂了

【问题讨论】：

尝试在li之外替换a，它应该可以工作

标签： php html css codeigniter

【解决方案1】：

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

<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>

【讨论】：

很明显。即使您将 a 放在 li 之外，它也不起作用。这是超链接（引导 css）codepen.io/jayakrishnancn/pen/ybWBee 上的数据切换示例。如果我的答案发现有用，请接受作为答案。泰