fadeToggle не является функцией - PullRequest
Новая
       18

fadeToggle не является функцией

0 голосов
/ 20 ноября 2018

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

Я скопировалПосле навигации по Bootstrap 4 из jsfiddle все работало отлично! 

        <nav>
      <ul>
        <li><a href="https://facebook.com">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Work</a></li>
      </ul>
      <div class="button">
        <a class="btn-open" href="#"></a>
      </div>
    </nav>

    <div class="overlay">
        <div class="wrap">
            <ul class="wrap-nav">
                <li><a href="#">About</a>
                <ul>
                    <li><a href="#">About Company</a></li>
                    <li><a href="#">Designers</a></li>
                </ul>
                </li>
                <li><a href="#">Services</a>
                <ul>
                    <li><a href="https://www.google.hr/">Web Design</a></li>
                    <li><a href="#">Development</a></li>
                    <li><a href="#">Apps</a></li>
                    <li><a href="#">Graphic design</a></li>
                    <li><a href="#">Branding</a></li>
                </ul>
                </li>
                <li><a href="#">Work</a>
                <ul>
                    <li><a href="#">Web</a></li>
                    <li><a href="#">Graphic</a></li>
                    <li><a href="#">Apps</a></li>
                </ul>
                </li>
            </ul>
            <div class="social">
                <a href="http://mario-loncarek.from.hr/">
                <div class="social-icon">
                    <i class="fa fa-facebook"></i>
                </div>
                </a>
                <a href="#">
                <div class="social-icon">
                    <i class="fa fa-twitter"></i>
                </div>
                </a>
                <a href="#">
                <div class="social-icon">
                    <i class="fa fa-codepen"></i>
                </div>
                </a>
                <a href="#">
                <div class="social-icon">
                    <i class="fa fa-behance"></i>
                </div>
                </a>
                <a href="#">
                <div class="social-icon">
                    <i class="fa fa-dribbble"></i>
                </div>
                </a>
                <p>
                    From: Zagreb, Croatia<br>
                     Site: <a href="http://mario-loncarek.from.hr/">mario-loncarek.from.hr</a>
                </p>
            </div>
        </div>
    </div>

И это JS 

$(document).ready(function(){
    $(".button a").click(function(){
    $(".overlay").fadeToggle(200);
    $(this).toggleClass('btn-open').toggleClass('btn-close');
    });
});
    $('.overlay').on('click', function(){
    $(".overlay").fadeToggle(200);
    $(".button a").toggleClass('btn-open').toggleClass('btn-close');
    open = false;
});

Довольно просто, наверное, даже для меня, но когда я нажимаю назначок гамбургера показывает мне сообщение «$ ('...'). fadeToggle () не является функцией».Я видел, как люди говорили, что это связано с тем, что селектор jQuery должен указывать на элемент, а не на объект, но я не могу понять, как это исправить в этом контексте.Я буду очень рад, если вы, ребята, сможете мне помочь!

PS: я не поставил CSS, потому что все в порядке, единственная проблема - ошибка fadeToogle.

Спасибозаранее!

1 Ответ

0 голосов
/ 19 июня 2019

Просто на голову, я столкнулся с этой проблемой, потому что я по незнанию включил сборку SLIM, которая явно отбрасывает красивые анимации, такие как fadeToggle.

...