Question

我需要帮助才能删除data-toggle，然后显示下拉列表，当我点击下拉列表时，下拉列表会关闭。
https://jsfiddle.net/f0yzyryL/
更改页面时，我希望下拉列表保持打开状态

<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
  <img src="../images/icons/icon_horario.png" class="glyph">
    <!--<span class="glyphicon glyphicon-time glyph" aria-hidden="true"></span>-->
  <span class="glyphicon-class">
    <?php echo __('horario_atendimento'); ?>                            
  </span>
</a>
<ul class="dropdown-menu"> <?php echo ($lang_id == 'en') ? 'pull-right' : ''; ?>
  <div class="container">
    <ul class="nav nav-pills" id="tabs">
      <li class="active"><a data-toggle="tab" href="#HRsup">Suporte</a></li>
      <li><a data-toggle="tab" href="#HRuni">Unidades</a></li>
    </ul>
  </div>
  <div class="tab-content">
  <div id="HRuni" class="tab-pane fade">
  <p>here is the first tab</p>

Answer 1

在加载时显示下拉列表是微不足道的，您只需将类open添加到包含li即可。你真正需要的是一种方法来保存一些数据告诉你何时打开菜单

以下可能是最简单的：

<ul class="nav nav-pills"> 
<li class="<?php echo ($someVar == 'someVal') ? 'open' : ''; ?>">

请参阅https://jsfiddle.net/f0yzyryL/2/

你也可以通过读写cookie，使用localstorage，读取url参数，使用位置哈希等来实现这一点。）

如何修复此下拉菜单？

1 个答案: