Переключатель Bootstrap вызывает только первый элемент в списке - PullRequest
Новая
       13

Переключатель Bootstrap вызывает только первый элемент в списке

0 голосов
/ 20 мая 2018

У меня есть следующее навигационное меню с переключателем начальной загрузки, где отображается только первый элемент списка, независимо от того, какой это элемент.Я попытался заменить первый элемент другим, и у меня такое же поведение, поэтому я уверен, что html-код работает. 

  <a href="#getting-started"  class="list-group-item list-group-item- 
  success" data-toggle="collapse" data-parent="#admin-menu"><span></span><i 
  class="fa fa-tachometer fa-lg" aria-hidden="true"></i>Getting Started<i 
  class="fa fa-caret-down"></i></a>
          <div class="collapse sp" id="getting-started">
           <a class="navlink list-group-item" href="software.html">General 
 Information</a>
           <a class="navlink list-group-item" 
  href="install_linux.html">Linux Installation</a>
           <a class="navlink list-group-item" 
  href="install_win.html">Windows Installation</a>
           <a class="navlink list-group-item" href="install_mac.html">Mac 
  Installation</a>
           <a class="navlink list-group-item" 
  href="install_docker.html">Docker Installation</a>
           <a class="navlink list-group-item" 
  href="lang_installation.html">Installing Languages</a>
           <a class="navlink list-group-item" href="login.html">Login</a>
           <a class="navlink list-group-item" 
  href="license.html">License</a>
           <a class="navlink list-group-item" 
  href="releasenotes.html">Release notes</a>
         </div>

Я загружаю jupery boostrap.js, а используемый мной скрипт работает надругой сайт.Или, если вы знаете, где я могу найти скрипт для показа онлайн-руководства с меню на левом сайте.Чтобы проверить поведение, пожалуйста, посетите https://www.dialtrix24.com/test/doc/index.html, где вы можете найти его с левой стороны.Страницы не заполнены, но скрипт только переключает раздел «Начало работы», остальные нижние разделы не работают.

Вот часть скрипта js: 

         //Navigation slide animation
$( document).ready(function() {  


    var str = document.URL;
    var address =        str.substring(str.lastIndexOf('/')+1);
    // address = address.replace(/[0-9]/g, '');
    $('a[href="'+address       +'"]').addClass('currentPage');
    $('a[href="'+address+'"]').parent('div').addClass('in').addClass('heightTest').prev       ().find('.fa-lg').css( "color", "#c70000" );

    //$('a[href="'+address+'"]').parent('li').addClass('heightTest');
    $('a[href="'+address+'"]').parent('li').parent('ul').parent('div').parent('div').addClass('heightTest').addClass       ('in').parent('div').addClass('heightTest').addClass('in').prev().find('.fa-lg').css( "color", "#c70000" );



            $('.blur').click(function(e){
        $(".navbar-inverse").toggleClass('whiteColor');
        $('.fa-        chevron-right').toggleClass('rotate1');
    });

    var doc_links = 
    [ 
                //Getting Started----------------------------------------------
        {
                    "name":"General Information",
            "link": "software",
            "type": "docs",
            "data": ""
        },
        {
            "name":"Linux Installation",
            "link": "install_linux",
            "type": "docs",
            "data": ""
        },

и т. Д.

Спасибо

1 Ответ

0 голосов
/ 21 мая 2018

Проблема была решена, так как она была смещением 75px к div, содержащему якоря, и поэтому я добавил относительное положение и z-index 1, и теперь оно работает.

...