Почему не работает скрипт для гамбургера?

Question

[Shadowman69]

Есть такой скриптец:

$(document).ready(function() {
    function blueasyMenu() {
        var $trigger = $('.hamburger_menu'),
            $menu = $('.menu');

        $trigger.click(function() {
            $menu.slideToggle(); 
        });
    };

    blueasyMenu();
});

Он почему то не работает, то есть при клике на гамбургер меню никак не реагирует, будто не видит его. В чем может быть причина?

<div class="container header_container">
                <div class="logo_container">
                    <img class="logo" src="images/blueasy_logo.png" alt="Logo"/>
                    <span class="hamburger_menu">&#9776;</span>
                </div>
                <nav>
                    <ul class="menu">
                        <li><a class="active" href="#home">Home</a></li>
                        <li><a href="#services">Services</a></li>
                        <li><a href="#features">Features</a></li>
                        <li><a href="#portfolio">Portfolio</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </nav>
            </div>

Comments

[Andrew]

код html?

[Shadowman69]

Andrew, извиняюсь, добавил в вопросе.

[SecretBrain]

У меня все работает https://codepen.io/anon/pen/ELLpEr

[Shadowman69]

SecretBrain, а вот это уже интересно, я подсмотрел этот скрипт в одном видеоуроке, так в автора урока тоже все работает)

[SecretBrain]

Shadowman69, посмотрите в консоль, может там какие ошибки? jquery может не подключена.

[Shadowman69]

SecretBrain, нет, там все хорошо, никаких ошибок.

[SecretBrain]

Shadowman69, ну тогда css посмотрите z-index там или размеры элемента малы.

[Shadowman69]

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

Answer 1

[Алексей Юдов]

Ваша функция вызывается один раз пр прочтении документа. Почитайте что такое EventListiner или просто сделайте обработчик on('click')

Answer 2

[profesor08]

Тебе не надо делать виртуальный клик по элементу, тебе надо подписать на событие клика по элементу.

$trigger.on("click", function() {
  $menu.slideToggle(); 
});