Bootstrap 4.1.3 Раскрывающееся меню не работает в IE11 - создает исключение - PullRequest
Новая
       12

Bootstrap 4.1.3 Раскрывающееся меню не работает в IE11 - создает исключение

0 голосов
/ 01 января 2019

Я работаю с Bootstrap 4.1.3 и IE 11. Я создал модальное диалоговое окно, и у модального диалогового окна есть выпадающее меню.Раскрывающееся меню прекрасно работает в Google и Edge, но не в IE 11. Я исследовал и попробовал множество решений, в том числе те, что были найдены здесь в Stack Overflow, но ничего не работает.

Вот основной выпадающий код: 

<!-- Drop Down Menu -->

                <div class="d-flex align-self-end">
                    <ul class="navbar-nav mr-auto"> 
                        <li class="nav-item dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" id="navbardrop">
                            <img src="Images/KoKoPelli.jpg" class="profile-picture"/>
                        </a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">Newsfeed</a></li>
                                <li><a class="dropdown-item" href="#">One Drive</a></li>
                                <li><a class="dropdown-item" href="#">Sites</a></li> 
                            </ul>
                        </li>
                    </ul>                    
                </div>

Вот конкретный выпадающий код: 

<div class="navbar-collapse collapse" id="navbar">
        <ul class="nav navbar-nav">
            <li class="nav-item"> 
                <a class="nav-link menuItem" id="Departments" data-toggle="modal" data-target="#MyNNSModal" onclick="hideResourceHeader()">Departments</a></li>
            <li class="nav-item"> 
                <a class="nav-link menuItem" id="Resources" data-toggle="modal" data-target="#MyNNSModal"  onclick="showResourceHeader()">Resources</a></li>
            <li class="nav-item"> 
                <a class="nav-link menuItem" id="Procedures" data-toggle="modal" data-target="#MyNNSModal" onclick="hideResourceHeader()">Procedures</a></li>
            <li class="nav-item"> 
                <a class="nav-link menuItem" id="News" data-toggle="modal" data-target="#MyNNSModal" onclick="hideResourceHeader()">News</a></li> 
        </ul>
        <ul class="nav navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link menuItem" id="Newsfeed" data-toggle="modal" data-target="#MyNNSModal" onclick="hideResourceHeader()">Newsfeed</a></li>
            <li class="nav-item"> 
                <a class="nav-link menuItem" id="OneDrive" data-toggle="modal" data-target="#MyNNSModal" onclick="hideResourceHeader()">OneDrive</a></li>
            <li class="nav-item"> 
                <a class="nav-link menuItem" id="Sites" data-toggle="modal" data-target="#MyNNSModal" onclick="hideResourceHeader()">Sites</a></li>
        </ul>
    </div>

Вот весь проект на JSFiddle:

https://jsfiddle.net/tsmolskow/aq9Laaew/276201/

1 Ответ

0 голосов
/ 02 января 2019

Это ошибка Bootstrap, и многие пользователи сталкивались с этой проблемой ранее.

Исправление уже доступно для этой проблемы.

Пожалуйста, ссылки ниже могут помочь вам решить вашу проблему.

(1) Свертывания не работают в IE11 (Object.keys: аргумент не является объектом)

(2) исправлена ​​проблема, связанная с Object.keysи выпадающий номер # 26291

...