Навбар исчезнет, ​​когда 3 уровня подменю - PullRequest
Новая
       30

Навбар исчезнет, ​​когда 3 уровня подменю

0 голосов
/ 08 мая 2019

У меня проблема с моим 3-х уровневым Навбаром. У меня нет проблем с уровнями 1 и 2, но третий уровень исчезает, невозможно нажать на любую ссылку (в моем примере: Куба или США или Гавайи) 

<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Step 1</a>
            <ul class="dropdown-menu" role="menu">
              <li class="dropdown dropdown-submenu"><a href="page_USA.html" class="dropdown-toggle" data-toggle="dropdown">Step 2</a>
                <ul class="dropdown-menu">
                  <li class="dropdown-submenu"><a  href="page_nofound.html" class="dropdown-toggle" data-toggle="dropdown">Step 3</a>
                    <ul class="dropdown-menu">
                      <li><a  href="Cuba.html">Cuba</a></li>
                      <li><a href="USA.html">Etats Unis</a></li>
                      <li><a  href="Hawai.html">Hawaii</a></li>
                    </ul>
                  </li>

И связанный скрипт: 

<script>
    $('ul.dropdown-menu [data-toggle=dropdown]').on('mouseover', function(event) {
    // Avoid following the href location when clicking
    event.preventDefault(); 
    // Avoid having the menu to close when clicking
    event.stopPropagation(); 
    // If a menu is already open we close it
    $('ul.dropdown-menu [data-toggle=dropdown]').parent().removeClass('open');
    // opening the one you clicked on
    $(this).parent().addClass('open');

    var menu = $(this).parent().find("ul");
    var menupos = menu.offset();

    if ((menupos.left + menu.width()) + 30 > $(window).width()) {
        var newpos = - menu.width();      
    } else {
        var newpos = $(this).parent().width();
    }
    menu.css({ left:newpos });

});
    </script>

Если у вас есть предложения,

Robin

...