Блог

Главная - Вопросы по программированию - Bootstrap — два выпадающих списка, но работает только первый, который я нажимаю

Bootstrap — два выпадающих списка, но работает только первый, который я нажимаю

#javascript #html #twitter-bootstrap #dropdown

#javascript #HTML #twitter-bootstrap #выпадающий список

Вопрос:

Я добавил две кнопки выпадающего списка bootstrap (4.3.1). Не имеет значения, какой из двух я нажимаю первым.Первый, на который я нажимаю, работает. Но второй выдает ошибку и не работает.

applyStyle.js: 66 Неперехваченная ошибка типа: не удается прочитать свойство ‘setAttribute’ null в Object.onLoad (applyStyle.js:66) в index.js:69 в Array.forEach () при новом t (index.js:67) при c.t.toggle (dropdown.js :176) в HTMLAnchorElement. (dropdown.js: 381) в функции.каждый (jquery-3.5.1.min.js: 2) в S.fn.init.each (jquery-3.5.1.min.js: 2) в S.fn.init.c._jQueryInterface [как выпадающий список] (dropdown.js: 368) в HTMLAnchorElement. (dropdown.js: 525)

Ниже приведен мой код:

 <div class="top-link" id="menu_usecases">
            <div class="btn-group">
    
                <div class="dropdown show">
                    <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Use Cases
                    </a>

                    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
                        <a class="dropdown-item" href="/usecases/cx"><B>Customer Experience</B></a>
                        <a class="dropdown-item" href="/usecases/sc"><B>Supply Chain</B></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="top-link" id="menu_resources">
            <div class="btn-group">
          
                <div class="dropdown show">
                    <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Resources
                    </a>

                    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink2">
                        <a class="dropdown-item" href="/news"><B>News</B></a>
                        <a class="dropdown-item" href="/resources"><B>Technical Documents</B></a>
                    </div>
                </div>
            </div>
        </div>

У кого-нибудь есть идеи, что может быть причиной этого?

Комментарии:

1. Похоже, есть еще одна проблема. Я только что создал фрагмент только с этим HTML, и он работал просто отлично. Может быть что-то еще?

2. Ошибка относится к этой строке: popper.setAttribute(‘x-placement’, размещение);

3. Я нашел проблему. В моем коде был фрагмент javascript для настройки положения выпадающего списка. В этом была ошибка. Я имел в виду класс, когда мне нужно было ссылаться на уникальный идентификатор элемента.