Почему не работает код js?

Question

[aleks767]

Всем привет) не так давно я пытаюсь верстать сайты, есть макет с выезжающим rightside_menu и соответствующей версткой, но при нажатии на кнопку ничего не работает.

<button class="header__btn">
                        <img class="icon__menu" src="images/icon_menu.svg">
                    </button>
                </div>
            </div>
        </header>
        
            <div class="rightside rightside--close">
            <div class="rightside__item">
                <button class="rightside__btn">
                    <img src="images/Path.svg" alt="" class="rightside__close-img">
                </button>
            </div>
            <div class="rightside__content">
                <a href="" class="rightside__link"><img src="images/logo-side.png" alt="" class="rightside__logo"></a>
                <h4 class="rightside__title">Furniture for life</h4>
                <p class="rightside__text">Sustainable hot chicken skateboard, dreamcatcher meggings actually squid. Slow-carb everyday carry +1 art party microdosing, put a bird on it brooklyn</p>
                <img class="rightside__content-img" src="images/Rectangle.jpg" alt="">
            </div>
        </div>

.rightside{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    max-width: 698px;
    width: 100%;
    &.rightside--close{
        transform: translateX(100%);
    }

(function () {
    $('.header__btn').on('click', function(){
        $('.rightside').removeClass('rightside--close')
    });
    $('.rightside').on('click', function(){
        $('.rightside__close').addClass('rightside--close')
    });
})

Comments

[WapSter]

Вызова функции нет

[Alex]

WapSter, Оставьте в ответах

[twobomb]

добавь ()

[ThunderCat]

WapSter, Alex, вы че, народ? Там просто не скопирован $ перед кодом jquery, это же документ реди....

[WapSter]

ThunderCat, честно говоря уже и забыл, что так можно было. И не пользовался раньше

[ThunderCat]

WapSter, оно и не мудрено, небось сплошь на ваниле ваяете... ))

Answer 1

[Артур Ш]

(function () {
    $('.header__btn').on('click', function(){
        $('.rightside').removeClass('rightside--close')
    });
    $('.rightside').on('click', function(){
        $('.rightside__close').addClass('rightside--close')
    });
})();

Answer 2

[ThunderCat]

Тупо промахнулся при копировании, забыл $
$( function() {...});

Comments

[aleks767]

и так, и так не работает, к сожалению. Путь верный, вообще не могу понять в чем проблема... и в консоле никаких ошибок

[ThunderCat]

aleks767, что собственно не работает?
Во первых - для того чтобы люди не возились с непонятным кодом такие вещи выкладываются в песочницу,
во вторых - jquery подключен вообще? Данный код должен быть перед закрытием боди, и после подключения библиотеки жквери. Ну и проверьте в самом коде страницы - добавляются ли ваши стили к нужным элементам, подозреваю что все работает, только совсем е так как вы думаете.