Как исправить панель навигации начальной загрузки, не открывающую выпадающее меню?

#html #jquery #css #twitter-bootstrap #drop-down-menu

Вопрос:

Привет, мне нужна помощь с моим кодом. Я создаю LMS с помощью Moodle, поэтому код довольно понятен.

Я использую навигационную панель начальной загрузки. Все работает нормально, за исключением панели навигации на Bomile. Пожалуйста, проверьте страницу на мобильном телефоне ниже (меню работает нормально): Страница# 01: http://bafl.dooables.com/local/kp/homepage/index.html

Проверьте ссылку на страницу ниже на мобильном телефоне (Меню не работает): Страница# 02: bafl.dooables.com/local/kp/index.php?viewpage=8

Вещи, которые я пробовал:

  • Добавлены допустимые файлы jquery
  • Сравнение Кодов
  • Проверил каждый класс начальной загрузки
  • Проверил все ссылки js/начальной загрузки

Все равно не везет. Что я заметил, так это то, что при нажатии на меню Гамбургер «стиль=дисплей: гибкий» автоматически включается на «Странице# 02». См.раздел Проверка элемента. Он не включен на странице# 02 из-за того, что выпадающее меню не открывается.

Проект уже прошел крайний срок. Это всего лишь несколько небольших изменений, которые необходимо устранить, прежде чем проект будет помечен как завершенный. ПОЖАЛУЙСТА, ПОМОГИТЕ.

 <nav role="navigation text-center" class="navbar navbar-expand-md navbar-dark bg-gradaint-gray">
    <a href="javascript:void(0);" class="ic menu" tabindex="1"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </a>
    <a href="javascript:void(0);" class="ic close" style="display: none;"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </a>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="main-nav mx-auto navbar-nav">
            <li class="top-level-link active"> <a class="home" id="home" href="<?php echo $CFG->wwwroot ?>/local/kp/index.php?viewpage=1"><i class="fa fa-home" id="home"></i></a></li>
            <?php foreach ($categories as $category) { ?>
            
            <li class="top-level-link">
                <a href='<?php echo ($category->leaf == 0 ? $CFG->wwwroot . '/local/kp/?viewpage=9amp;level=1amp;cmid=' . $category->id : '#') ?>' >
                    <span><?php echo $category->title ?></span></a>
                    <?php
                    $products = $category->leaf == 1 ? $DB->get_records("kp_products", array("kpc" => $category->id, "visible" => 1), $sort = 'orderby') : '';
                    if (!empty($products)) {
                    ?>
                    <div class="sub-menu-block">
                        <div class="row">
                            <?php foreach ($products as $product) { ?>
                            <div class="col-md-3 col-lg-3 col-sm-3 col-6 pr-sm-4 pl-sm-4">
                                <a href='<?php echo ($product->leaf == 0 ? $CFG->wwwroot . '/local/kp/?viewpage=9amp;level=2amp;cmid=' . $product->id : '#') ?>' >
                                <h2 class="sub-menu-head"><?php echo $product->name ?></h2></a>
                                <?php
                                $subproducts = $product->leaf == 1 ? $DB->get_records("kp_subproducts", array("kpp" => $product->id, "visible" => 1)) : '';
                                if (!empty($subproducts)) {
                                ?>
                                <ul class="sub-menu-lists">
                                    <?php foreach ($subproducts as $subproduct) { ?>
                                    <li><a href='<?php echo ($subproduct->leaf == 0 ? $CFG->wwwroot . '/local/kp/?viewpage=9amp;level=3amp;cmid=' . $subproduct->id : '#') ?>'
                                        <?php echo ($subproduct->leaf == 0 ?  '' : 'class="collapsible1"'); ?>>
                                    <i class="fa fa-play  fa-padding"></i> <?php echo $subproduct->name ?></a>
                                    
                                    <?php
                                    $subproductfeatures = $subproduct->leaf == 1 ? $DB->get_records("kp_subproductfeatures", array("kpsp" => $subproduct->id, "visible" => 1)) : '';
                                    if (!empty($subproductfeatures)) {
                                    ?>
                                    <ul class="sub-menu-lists content1">
                                        <?php foreach ($subproductfeatures as $subproductfeature) { ?>
                                        <li>
                                            <a href='<?php echo ($subproductfeature->leaf == 0 ? $CFG->wwwroot . '/local/kp/?viewpage=9amp;level=4amp;cmid=' . $subproductfeature->id : '#') ?>' >
                                            <i class="fa fa-angle-double-right fa-padding"></i> <?php echo $subproductfeature->name ?></a>
                                        </li>
                                        <?php } ?>
                                    </ul>
                                    <?php } ?>
                                </li>
                                <?php } ?>
                            </ul>
                            <?php } ?>
                        </div>
                        <?php } ?>
                    </div>
                </div>
                <?php } ?>
            </li>
            <?php } ?>
        </ul>
    </div>
</nav>