Меню начальной загрузки не будет открыто на большинстве мобильных устройств

Question

У меня есть сайт, который интенсивно использует начальную загрузку для верстки и отзывчивости.Я использую bootstrap 4.1.1 с jquery 3.3.1.Я только что обновил сайт и обновил версии модулей, которые я использую.

Все отлично работает, за исключением большинства мобильных устройств, мое меню гамбургеров не будет оставаться открытым.Он открывается и сразу закрывается, прежде чем вы можете нажать опцию.На ПК все работает как положено.

У меня есть только несколько телефонов для тестирования, но я получаю такое поведение на Android и iOS ... достаточно забавно на Android, это не работает на Pixel 2 XLиспользуя Chrome, но он работает на Nexus 6 с Chrome.

Это поведение как в jquery 3.2.x, так и в последней версии 3.3.1.Я разрабатываю в Visual Studio, поэтому меню создается с настройками по умолчанию, которые я редактировал, и по сравнению с собственными примерами начальной загрузки я почти идентичен ... И это не исправляет это, когда я изменяю, чтобы компенсировать различия.

Я могу найти похожие проблемы в Интернете, но каждый, кого я читаю, имеет дело с кем-то, кто изменяет поведение скрипта или добавляет классы, которые он не должен ... Я этого не делал и где у меня есть (например, «исправлено»).top ") Я пытался удалить их и все равно получить те же результаты.(Я не изменяю JavaScript).Также я не создавал изменения поверх старого сайта, я создал сайт с нуля и переписал его.

Я делаю 1 изменение в классе, однако это работало нормально на старой версии сайта сболее старые версии jquery и bootstrap.

.navbar {
    background: linear-gradient(#92A8B7, #285270);
}

Я разместил свое HTML-меню ниже ... Это доступно публично, поэтому я могу предоставить URL-адрес фактическому сайту, на котором возникла проблема ... Я простоне уверен на 100% в политике размещения ссылок в вопросах.

Может ли кто-нибудь помочь определить, что может вызвать немедленное закрытие меню при его открытии?

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
            <div class="container">
                <a class="navbar-brand" href="/">
                    <img src="/image/Logo_site_small.png" /></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active"><a class='nav-link <%=IsSelected("default")%>' href="/" >Home <span class="sr-only">(current)</span></a></li>
                        <li class="nav-item"><a class="nav-link <%=IsSelected("media")%>" href="/media">Press / Media</a></li>
                        <li class="nav-item"><a class="nav-link <%=IsSelected("events")%>" href="/events">Events</a></li>
                        <li class="nav-item"><a class="nav-link <%=IsSelected("galleries")%>" href="/galleries">Photos</a></li>
                        <li class="nav-item"><a class="nav-link <%=IsSelected("buy")%>" href="/linkit.ashx?code=buyunit5comix" target="_blank">Buy</a></li>
                        <li class="nav-item"><a class="nav-link <%=IsSelected("About")%>" href="/about">About</a></li>
                        <li class="nav-item"><a class="nav-link <%=IsSelected("contact")%>" href="/contact">Contact</a></li>
                    </ul>
                    <asp:LoginView runat="server" ViewStateMode="Disabled">
                        <AnonymousTemplate>
                            <ul class="nav navbar-nav navbar-right" style="margin: 0; padding: 0;">
                                <li><a href="/linkit.ashx?code=u5facebook" style="padding: 0; margin: 0;" target="_blank">
                                    <img src="/image/facebook-e1417900370137.png" /></a></li>
                                <li><a href="/linkit.ashx?code=u5insta" style="padding: 0; margin: 0;" target="_blank">
                                    <img src="/image/INSTAGRAM-e1417900651282.png" /></a></li>
                                <li><a href="/linkit.ashx?code=u5twitter" style="padding: 0; margin: 0;" target="_blank">
                                    <img src="/image/twitter-e1417900317929.png" /></a></li>
                            </ul>
                        </AnonymousTemplate>

                    </asp:LoginView>
                </div>
            </div>
        </nav>