php - 在我的网页上，菜单在手机上不起作用。它可以很好地折叠，但是当我单击它时什么也不做

Question

在我的网页上，菜单在手机上不起作用。它可以很好地折叠，但是当我单击它时什么也不做。

<nav class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hoa_label" onclick="newPage('m_page1','page1')">Wedding Event</a>
        </div>
        <div class="navbar-collapse collapse" id="myNavbar">
            <ul class="nav navbar-nav">
                <li class="active" id="m_page1"><a onclick="newPage('m_page1','page1')">Home</a></li>
                <li id="m_page2"><a onclick="newPage('m_page2','page2')">Photos</a></li>
                <li id="m_page3"><a onclick="newPage('m_page3','page3')">RSVP</a></li>
                <li id="m_page4"><a onclick="newPage('m_page4','page4')">Gift Registry</a></li>
                <li id="m_page5"><a onclick="newPage('m_page5','page5')">Hotel Information</a></li>
                <li id="m_page6"><a onclick="newPage('m_page6','page6')">Wedding Contacts</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Event Information<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="https://www.chateauelan.com/" target="_blank">Venue</a></li>
                        <li><a href="" target="_blank">Live Streaming</a></li>
                        
                    </ul>
                </li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>

这是加载java的部分。它不会让我在这篇文章中发布更多代码。这迫使我“添加”细节，所以希望这已经足够了。它只是标准的 * Bootstrap v3.3.7 ( http://getbootstrap.com )，完全没有任何变化。唯一的自定义 java 脚本是一个小开关来检查 cookie 以打开和关闭帮助提示。

    <!--Javascript Load Files-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/docs.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>
    <!--QTip Start-->
    <script>
        $(function ()
        {
            $(document).tooltip(
            {
                track: true
            });
        } );
    </script>
    <!--QTip End-->
    <script src="js/singleAppFunc.js"></script>

标签： phphtmlbootstrap-4