Bootstrap 4 модальные ссылки меню не кликабельны - PullRequest
Новая
       5

Bootstrap 4 модальные ссылки меню не кликабельны

0 голосов
/ 29 июня 2018

У меня проблема с модом BS4. Я прочитал статью, в которой объяснялось, как создавать простые оверлеи, используя модальный Bootstrap. Я решил попробовать, но ссылки в модале, которые будут действовать как люди, не кликабельны. Вот код Я надеюсь, что кто-то может помочь мне исправить это.

NB. Я уже пытался связать теги <a href=""> с различными страницами, но проблема сохраняется. 

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <a class="navbar-brand" href="#"><img src="#" alt="logo"></a>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="modal" data-target="#nav-modal" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="fa fa-bars fa-2x" id="menu-icon"></span>
            </button>
        </div>    
    </div>
</nav>


<div class="modal fade" id="nav-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-nav-content">
            <div class="row modal-nav-body">
                <ul>
                    <li class="nav-item">
                        <a href="#" id="home">about</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" id="about">Chi siamo</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" id="services">Servizi</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" id="contacts">Contatti</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 29 июня 2018

попробуйте встроить JavaScript, чтобы вызвать событие 

<li class="nav-item">
  <a href='http://link-here' onclick='window.open("http://link-here.com");return 
  false;'>your menu</a>
</li>
...