#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>