JavaScript срабатывает только со 2 клика, как исправить?

Question

Никита @divanuga

Просто добрый человек

JavaScript

JavaScript срабатывает только со 2 клика, как исправить?

Имеется функция, которая передвигает элемент при клике,
но срабатывает только после второго клика, с момента загрузки страницы.

В чем проблема, и как это исправить?

ПС: Пытался сам найти ответ, но так ничего и не нашел.

function move() {
    var toggleMenu = document.getElementById("toggle_menu");
    if (toggleMenu.style.left == "-250px") {
        toggleMenu.style.left = "0px";   
    } else {
        toggleMenu.style.left = "-250px";
    }
}

Вопрос задан более трёх лет назад
320 просмотров

3 комментария

Подписаться 1 Оценить 3 комментария

Alexander Belov @AlexanderBelov

Выложи CSS ещё, т.к. JS отрабатывает без ошибки.

Написано более трёх лет назад
Дмитрий Еремин @EreminD

а можно весь код целиком?

Написано более трёх лет назад

Никита @divanuga Автор вопроса

Это весь js код

если нужен html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="style.css" />
        <script src="scripts.js"></script>
    </head>
    <body>
        <div class="slide_menu" id="toggle_menu">
            <div class="menu">
                <ul>
                    <li><a href="#">Ссылка2</a></li>
                    <li><a href="#">Ссылка 1</a></li>
                </ul>
            </div>
            <img src="menu-alt-512.png" width="50px" class="toggle_button" onclick="move()">
        </div>
        <div class="box" id="box">
        </div>
    </body>
</html>

Написано более трёх лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Простой
Почему падает локальный сервер?
- 1 подписчик
- час назад
- 35 просмотров
0

ответов
JavaScript

Простой
Отмена дефолтного поведения?
- 1 подписчик
- час назад
- 39 просмотров
1

ответ
JavaScript

Простой
Как работают фигурные скобки в javascript?
- 1 подписчик
- 2 часа назад
- 77 просмотров
2

ответа
JavaScript

Простой
Почему в консоли выводится 6 и 340?
- 1 подписчик
- 2 часа назад
- 62 просмотра
1

ответ
JavaScript

+4 ещё

Простой
Почему при загрузке страницы происходит быстрый скролл вниз, а затем вверх?
- 1 подписчик
- 3 часа назад
- 49 просмотров
1

ответ
JavaScript

+1 ещё

Простой
В чем заключается суть бинарного поиска неотсортированного массива?
- 1 подписчик
- 14 часов назад
- 164 просмотра
1

ответ
JavaScript

+3 ещё

Средний
Swiper js, как сделать чтобы при фокусе по табу на ссылке внутри слайда не исчезала пагинация?
- 1 подписчик
- 15 часов назад
- 32 просмотра
0

ответов
JavaScript

Средний
Почему кнопка постоянно disabled?
- 1 подписчик
- 17 часов назад
- 91 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Почему нельзя нажать на кнопку третьего элемента в Splide JS?
- 1 подписчик
- 22 часа назад
- 74 просмотра
1

ответ
JavaScript

Средний
Как сделать так, чтобы в массив, который находится в local storage записывалось новое значение, а не заменялось на последнее?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Модель для виртуального аватара

30 апр. 2024, в 15:24

3000 руб./за проект

Python Парсинг

30 апр. 2024, в 15:11

500 руб./в час

Написать скрипт для CSV

30 апр. 2024, в 15:11

5000 руб./за проект

Выложи CSS ещё, т.к. JS отрабатывает без ошибки.
Это весь js код

если нужен html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> <script src="scripts.js"></script> </head> <body> <div class="slide_menu" id="toggle_menu"> <div class="menu"> <ul> <li><a href="#">Ссылка2</a></li> <li><a href="#">Ссылка 1</a></li> </ul> </div> <img src="menu-alt-512.png" width="50px" class="toggle_button" onclick="move()"> </div> <div class="box" id="box"> </div> </body> </html>

Answer 1 · 2017-01-25 15:45:14

Видимо div#toggle_menu при загрузке страницы не имеет style.left = "-250px". предлагаю в самом теге указать стиль

<div class="slide_menu" id="toggle_menu" style="left:-250px;"> .. </div>

Ну или лучше в js исправить как то так

function move() {
    var toggleMenu = document.getElementById("toggle_menu");
    if (!toggleMenu.style.left || parseInt(toggleMenu.style.left) < 0) {
        toggleMenu.style.left = "0px";   
    } else {
        toggleMenu.style.left = "-250px";
    }
}

Answer 2 · 2017-01-25 15:31:30

Rooly @ZetIndex_Ram

Ошибки никакой не вижу. Возможно, баг.

Ответ написан более трёх лет назад

Комментировать

JavaScript срабатывает только со 2 клика, как исправить?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт