Php 菜单可以'；Don’不要直接翻页

我有菜单，它有子菜单

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

你们知道怎么回事吗？

---

我完全搞糊涂了

为什么要在每个超链接上使用

数据切换=“collapse”class=“collapse”

？。您的代码在每个超链接中都有

data toggle=“collapse”class=“collapsed”

。引导将阻止a href的默认单击事件。因此，请删除代码中的每个

data toggle=“collapse”class=“collapsed”

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

尝试更换

a

外部

li

，它应该工作正常。即使你把

a

放在

li

之外，它也不起作用。下面是超链接上的数据切换示例（引导css）。如果我的回答有用，请接受。泰

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