Question

当我按下网页右上方的菜单项时，它不会折叠。我已经检查了我的代码，看来还可以。

有问题的网站是：www.kemnet.be

我尝试将所有内容都放到区块中，并对jquery和CSS进行了较小的更改。我有一个主题，并将原始代码添加到我的网站中进行测试，但下拉列表仍未显示。

<header class="navbar navbar-inverse navbar-fixed-top opaqued" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-bars"></i>
            </button>
            <a class="bounce-in no-display animated bounceIn appear" href="index.html"></a> <img src="images\white.png">
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="#praktisch">Praktisch </a></li>
                <li><a href="#about-us">Onze Visie</a></li>
                <li><a href="#team">Ons Team</a></li>
                <li><a href="#services">Ons Aanbod </a></li>
                <li><a href="#blog">Nieuws</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a class="border" href="https://www.mtc-it4.be/patient/index.html#/appointments/day/bjNkcWkyQmFRMkpDVTRFNndleFgzSlRvdC9TSU1YOXdJWklnQ2ZtMDhjcEJCYWl6RlREMWxyOGlZY2FSUk10WQ==" target="_blank">Maak een afspraak</a></li>
            </ul>
        </div>
    </div>
</header>

我没有收到任何错误消息。

Answer 1

我只是用经典方式替换了<i class="fa fa-bars"></i>。

 <header class="navbar navbar-inverse navbar-fixed-top opaqued" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>

        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
            </button>
            <a class="bounce-in no-display animated bounceIn appear" href="index.html"></a> <img src="images\white.png">
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="#praktisch">Praktisch </a></li>
                <li><a href="#about-us">Onze Visie</a></li>
                <li><a href="#team">Ons Team</a></li>
                <li><a href="#services">Ons Aanbod </a></li>
                <li><a href="#blog">Nieuws</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a class="border" href="https://www.mtc-it4.be/patient/index.html#/appointments/day/bjNkcWkyQmFRMkpDVTRFNndleFgzSlRvdC9TSU1YOXdJWklnQ2ZtMDhjcEJCYWl6RlREMWxyOGlZY2FSUk10WQ==" target="_blank">Maak een afspraak</a></li>
            </ul>
        </div>
    </div>
</header>

https://jsfiddle.net/v61aeg5r/1/

我在移动设备上的下拉菜单不起作用

1 个答案: