html - Jasny bootstrap 手机不工作

Question

我正在使用 Jasny Bootstrap对于我的响应式网站。但是，子导航的链接在移动设备上不起作用。当我在我的桌面上测试它时，我可以点击链接。但是当我在手机上测试它时，它只会关闭导航栏。以下是我的代码:

<!--mobile nav-->
            <nav id="mob-nav" class="navmenu navmenu-inverse navmenu-fixed-right offcanvas" role="navigation">
              <ul class="nav navmenu-nav">
                <li class="active"><a href="index.html"><span>Home</span></a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Courses</span> <b class="caret"></b></a>
                    <ul class="dropdown-menu navmenu-nav" role="menu">
                         <li class="dropdown"><a href="1.html" class="dropdown-toggle head">Sub Nav 1</a></li>
                         <li class="divider"></li>
                         <li class="dropdown"><a href="2.html" class="dropdown-toggle head">Sub Nav 2</a></li>
                         <li class="divider"></li>
                         <li class="dropdown"><a href="3.html" class="dropdown-toggle head">Sub Nav 3</a></li>
                         <li class="divider"></li>
                         <li class="dropdown"><a href="4.html" class="dropdown-toggle head">Sub Nav 4</a></li>
                    </ul>
                </li>
                <li><a href="nav2.html">Navigation 2</a></li>
                <li><a href="nav3.html">Navigation 3</a></li>
                <li><a href="nav4.html">Navigation 4</a></li>
                <li><a href="nav5.html">Navigation 5</a></li>
              </ul>
            </nav>
            <!--end mobile nav-->

会不会是js冲突的情况？

编辑:我做了一些试验和错误，发现是“navmenu-nav”类导致了问题。但我仍然不确定如何调试它。

这些是唯一附加的 js:

<script src="js/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jasny-bootstrap.js"></script>
<script src="js/readmore.js"></script>

Answer 1

刚找到答案!

添加:.navmenu-nav.dropdown-menu { position:relative; 添加到您的 CSS 中，就像变魔术一样，它会起作用!