JS. Переключить панель навигации - PullRequest
Новая
       21

JS. Переключить панель навигации

0 голосов
/ 29 апреля 2020

извините, я не могу понять, что здесь пошло не так. Я пытаюсь взять существующую навигационную панель с сайта и внедрить ее на другом, но ничего, что я пробовал, не работает. Мне удалось спасти это от него ...

Java Сценарий 

 $(function() {
$('#menu-toggle').click(function(e) {
    $('#menu-main-menu').slideToggle('fast');

    var toggleIcon = $('#menu-toggle i');
    if((toggleIcon).is('.fa-bars')) {
        toggleIcon.addClass('fa-times')
        toggleIcon.removeClass('fa-bars')
    } else {
        toggleIcon.removeClass('fa-times')
        toggleIcon.addClass('fa-bars')

    }
});

Код 

<div class="container-body">
        <div class="logo">
            <div id="menu-toggle" class="pull-left">
                <i class="fa fa-bars" aria-hidden="true"></i>
            </div>
            <a href="<?php echo home_url(); ?>"><?php if(get_theme_mod('site_logo')) { ?><img src="<?php echo get_theme_mod('site_logo'); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"></a><?php } else { ?><h1 class="site-title"><?php bloginfo('name') ?></h1></div><?php } ?>
        <nav class="navbar custom-nav" id="top-menu"><?php wp_nav_menu(array('theme_location' => 'top-menu')); ?></nav>
    </div>

Итак, у меня есть копия, которая работает но после нескольких попыток просмотреть его, я просто не могу понять. То, что происходит в данный момент, это когда ничего не происходит. Тогда как на другом сайте он складывается. Я даже скопировал старый jQuery с этого сайта, чтобы посмотреть, сработает ли он, но без надежды. Если бы кто-то мог помочь, это было бы замечательно!

ОБНОВЛЕНИЕ **

Вот полный сгенерированный код. 

<nav class="navbar custom-nav" id="top-menu">
<div class="container-fluid">
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="">Massage At Work</a></li>
<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="">Treatments</a></li>
<li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="">Gift Cards</a></li>
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="">Team</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="">Contact</a></li>
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="">Feedback</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="">Book</a></li>
<li id="menu-item-58" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58"><a href=""></a></li><li class="social-icon"><a href=""><i class="fa fa-facebook social" aria-hidden="true"></i></a></li>
<li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a href=""></a></li><li class="social-icon"><a href=""><i class="fa fa-fa-instagram" aria-hidden="true"></i></a></li>
</ul></div></div></nav>

1 Ответ

0 голосов
/ 30 апреля 2020

Хорошо, я только что узнал, почему, я чувствую себя глупо :) Идентификатор Navbar был установлен не так, как в коде, но теперь все работает!

...