Блог

Главная - Вопросы по программированию - Почему мой навигационный значок «гамбургер» внезапно стал невидимым, но все еще работает?

Почему мой навигационный значок «гамбургер» внезапно стал невидимым, но все еще работает?

#javascript #nav

Вопрос:

У меня есть сайт, написанный для меня давным-давно. Внезапно «значок гамбургера» перестал появляться. Он все еще там, так как я могу нажать на него, и появится выпадающее меню.

У меня нет никакого опыта работы с Javascript, и я занят попытками изучить Swift.

Есть ли вероятность, что что-то не так с внешним ссылочным сценарием? Я могу изменить навигационную панель со светлой на темную. Но, похоже, не могу понять, почему этот значок просто исчез.

 <!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="author" content="">


    <title>My Site</title>

    <link href="https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"> 
    

    <style type="text/css">

  body {

    padding-top: 0px;

  }



  .container {

    width: 550px;

  }

  

</style>

  </head>

  <body>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>



<script type="text/javascript">

<!--

if (screen.width <= 699) {

document.location = "mobile/index.html";


}

//-->

</script>



<script src="js/bootstrap.min.js"></script>

<p style="font-size:150%;margin:20px;width:50%;padding-top:25px">

</p>


<p style="font-size:150%;margin:20px;width:75%;margin-right:150px;">

  
   <i><font color = "#9b1313">



</p>


<p style="font-size:5vw;"></p>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

<nav class="navbar fixed-top navbar-dark bg-dark">

    <a class="navbar-brand" href=""></a>  

</nav>

<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse fixed-top">

      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">

        <span class="navbar-toggler-icon"></span>

      </button>

<a class="navbar-brand" href="">amp;nbsp;<br></a> 

  <a class="navbar-brand" href=""> </a>


      <div class="collapse navbar-collapse" id="navbarsExampleDefault">

        <ul class="navbar-nav mr-auto">

          <li class="nav-item active">

            <a class="nav-link" href=""></a>

          </li>

          <li class="nav-item dropdown">



<a class="nav-link dropdown-toggle" href="/index.html" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Menu</a> 

            <div class="dropdown-menu" aria-labelledby="dropdown01">


              <a class="dropdown-item" href="guerillamarketing.html">Guerilla Marketing</a>

              <a class="dropdown-item" href="patents.html">Patents</a>

              <a class="dropdown-item" href="sumup.html">What's next ... ?</a>

              <a class="dropdown-item" href="contact.html">Contact</a>


            </div>

          </li>

        </ul>

      </div>

    </nav>

    <div class="container">

  </div>

      <div class="starter-template">

      </div>



    </div>


 <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v d/sdmMqp/nOQwliLvUsJfDHW k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> 

    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"></script>')</script> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" 
   integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 


  </body>

</html>

введите описание изображения здесь

Комментарии:

1. Замените эти фанковые кавычки href=“/index.html” вокруг /index.html . Может быть, и не причина, но ее следует устранить.

2. у вас есть ссылка или песочница? Я хотел бы использовать инструменты разработчика или что-то, что даст мне более подробную информацию. Это может быть несколько вещей. 1) если значок является изображением, изображение может быть потеряно (если на него ссылаются из внешнего источника или аналогичной логики), 2) z-индекс, 3) цвета (например, прозрачный?), 4) что-то еще… Может быть довольно много вещей, тбх.

3. У вас слишком много незакрытых тегов, навигатор и ли. Небольшой совет: попробуйте переписать код более чистым способом.

4. Ваш код также неполон. Слишком много незакрытых тегов и т. Д. Пожалуйста, включите всю навигационную панель в свой пример кода.

5. @Martin Разместил полный источник страницы в OP

Метки: ,