Jasny bootstrap 手机不工作

Question

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

<!--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冲突的情况？

编辑：我做了一些试验和错误，发现 class "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 就像变魔术一样，它会起作用！

Jasny bootstrap 手机不工作

Jasny bootstrap mobile not working

html

css

responsive-design

twitter-bootstrap