Блог

Главная - Вопросы по программированию - не удается заставить кнопку повернуть родительский столбец с помощью javascript в elementor

не удается заставить кнопку повернуть родительский столбец с помощью javascript в elementor

#javascript #jquery

#javascript #jquery

Вопрос:

я пытаюсь вставить JS-код в elementor, чтобы заставить столбец вращаться при нажатии кнопки, создавшей этот код:

 <script type=”text/javascript”>
$('.blog_click').click(function(){
    if($(this).hasClass('active')){
document.getElementById(".column_rotate").style.transform = "rotate(90deg)";}
} else {
        $(this).addClass('active')
}
</script>

но по какой-то причине это не сработало…
у кого-нибудь есть идеи?

Комментарии:

1. document.getElementById(".column_rotate") Я предполагаю, что .column_rotate это недопустимый идентификатор. Покажите нам рабочий фрагмент с помощью HTML, пожалуйста.

2. это внутри elementor, так что это единственное, что написано

3. я попытался изменить идентификатор на «ccrr» и все равно не сработал

4. .column_rotate это НЕ идентификатор, это имя класса. Имена классов начинаются с точки . , а идентификаторы начинаются с хэша # .

5. @hungerstar вы правы, но даже после исправления этого это не сработало