Top Bar точки останова в фундамент 5

Question

Я попробовал точку останова в 5.5.2 и довольно легко осуществить только путем изменения ширины в 3-х случаях следующим образом:

meta.foundation-mq-topbar { 
    font-family: "/only screen and (min-width:64.063em/"; 
    width: 64.063em; 
} 


@media only screen and (min-width: 64.063em) { 
    .top-bar { 
    background: #333333; 
    *zoom: 1; 
    overflow: visible; 
    } 

единственная проблема, я столкнулся является главное меню (родительская ссылка) выпадающего списка не отображается (после нажатия кнопки он отображает только раскрывающуюся часть, а не основную ссылку), когда вы приходите в меню переключения, если вы не достигнете фактической точки разрыва, т. е. 40,063 em. Должен ли я делать какие-либо изменения в javascript?

Спасибо, что помогли мне!

Answer 1

Я провел немного больше исследований и нашел исправление. Все, что вам нужно сделать, это перейти к [js/foundation/foundation.topbar.js] номер строки 368 изменить «шоу-для-малый» на «show-for-medium-down».

Ниже приводится код для вас:

if (settings.mobile_show_parent_link == true && url) { 
      $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link show-for-medium-down"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>'); 
      } else { 
      $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5>'); 
      } 

Тогда в самом низу HTML-файла, в котором вы звоните другие JS-файлы, вызовите topbar.js, добавив следующую строку

<script src="js/foundation/foundation.topbar.js"></script> 

Вы даже можете сделать эту работу, сделав вышеупомянутое изменение в js/foundation.min.js