Навигация по гамбургеру не активна - уже проверенные скрипты и CDN - PullRequest
Новая
       39

Навигация по гамбургеру не активна - уже проверенные скрипты и CDN

0 голосов
/ 04 июня 2019

Я боролся с этим всю ночь. Я пытаюсь реализовать простое меню гамбургеров для мобильной версии моего сайта. Как-то это не кликабельно! это просто не расширится.

Нет ошибок в журнале консоли, и я попробовал следующее:

Перебрал все мои файлы скриптов - порядок jquery, начальной загрузки и JS - поместил их в голову вместо нижнего колонтитула

Проверено CDN - Я имею в виду, у меня есть общесистемный аддблокер. Но я поместил код на qtopia.hallometmaxz.nl, и он не работает на моем телефоне или планшете

Изменил идентификаторы классов и даже попытался ввести z-index 9999 в css! 

<head>

    <link href="assets/fonts/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="assets/fonts/elegant-fonts.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="assets/css/style.css" type="text/css">

    <script  src="assets/js/jquery-2.2.1.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>
<div class="page-wrapper">
    <header>



<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
  <div class="container">
        <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
        </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="navigation animate">
                <li><a href="" data-toggle="modal" data-target="#modal-over-ons">Over Ons</a></li>
                <li><a href="" data-toggle="modal" data-target="#modal-gallery">Foto's</a></li>
                <li><a href="https://www.qtopiaqueerartsfestival.nl/vacatures/" target="_blank">Vacatures</a></li>
                <li><a href="https://www.qtopiaqueerartsfestival.nl/" target="_blank">editie 2018</a></li>
                <li><a href="" data-toggle="modal" data-target="#modal-contact">Contact</a></li>
            </ul></div>
            <!--end navigation-->
  </div>
</nav>
    </header>

&&&

<script  src="assets/js/jquery.validate.min.js"></script>
<script  src="assets/js/jquery.magnific-popup.min.js"></script>
<script  src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenLite.min.js"></script>
<script  src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/easing/EasePack.min.js"></script>
<script  src="assets/js/exploding-triangles.js"></script>
<script  src="assets/js/custom.js"></script>
</body>

Пожалуйста, помогите! Мне нужно, чтобы эта штука была запущена и как-то не работала

1 Ответ

1 голос
/ 05 июня 2019

Если вы хотите, вы можете обратиться по следующей ссылке. Это может помочь вам сделать значок гамбургера .. https://www.w3schools.com/howto/howto_js_mobile_navbar.asp

...