Мобильное меню не работает на Materialise CSS - PullRequest
Новая
       5

Мобильное меню не работает на Materialise CSS

0 голосов
/ 10 апреля 2019

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

Процесс, который я пробовал за день до того, как он работал, но теперь он не работает, если кто-нибудь знает, пожалуйста, прокомментируйте.Заранее спасибо. 

<nav style="height: 100px; padding: 15px;" class="white">
    <div class="nav-wrapper white darken-3">
        <a href="#!" class="brand-logo  black-text" >Tolle Exam</a>
        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul class="right hide-on-med-and-down">
            <li><a href="<?php echo base_url(''); ?>" class="black-text">Home</a></li>
            <li><a class="dropdown-button black-text" href="#!" data-activates="dropdown" data-beloworigin="true">Competitive Exams<i class="material-icons right">arrow_drop_down</i></a></li>
            <li><a href="<?php echo base_url('ins_view'); ?>" class="black-text">Institution Exams</a></li>
            <li><a href="<?php echo base_url('ins_view'); ?>" class="black-text">Notifications</a></li>
            <!-- Dropdown Trigger -->
            <?php if($_SESSION['logged_in']==FALSE){ ?>

            <li><a  href="<?php echo base_url('login'); ?>" class="btn btn-large orange lighten-2" title="" style="border-radius: 30px;">Login / Register <i class="material-icons right">lock</i></a></li>
          <?php }else{ ?>
            <li class="black-text"><a class="black-text" title="Dashboard" href="<?php echo base_url('admin/dashboard'); ?>">Welcome: <?php echo $_SESSION['name']; ?></a></li>
 <li><a  href="<?php echo base_url('logout'); ?>" class="btn btn-large orange lighten-2" title="" style="border-radius: 30px;">Logout <i class="material-icons right">lock_open</i></a></li>
        <?php } ?>
        </ul>
    </div>

</nav>

Мне нужна эта мобильная часть просмотра 

<ul class="sidenav" id="mobile-demo">
  <li><a href="sass.html">Sass</a></li>
  <li><a href="badges.html">Components</a></li>
  <li><a href="collapsible.html">Javascript</a></li>
  <li><a href="mobile.html">Mobile</a></li>
</ul>

Это файлы JS, которые я использую 

<script type="text/javascript">
  $(document).ready(function() {
    $(".dropdown-trigger").dropdown();
    $('.carousel.carousel-slider').carousel();
    $('.collapsible').collapsible();
    $('.button-collapse').sidenav();
    $('.modal').modal();
    $("#trigg").click(function() {
      $("#viewMore").slideToggle("slow");
    });
  });
</script>

Этомоя версия jQuery 

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

Ожидается вывод, так как при нажатии на значок меню должна появиться боковая навигация.

...