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";
    }
}

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

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 подписчик
- вчера
- 135 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 156 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- вчера
- 76 просмотров
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- вчера
- 47 просмотров
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- 20 нояб.
- 48 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как предотвратить работу onBlur?
- 1 подписчик
- 20 нояб.
- 63 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Cypress «syntax error, unrecognized expression». Что за ошибка и как решить?
- 1 подписчик
- 19 нояб.
- 38 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как построить код, чтобы гугл таблица на сайте выдавала только значение из конкретной ячейки?
- 1 подписчик
- 19 нояб.
- 40 просмотров
0

ответов
JavaScript

Простой
Как обойти контроль просмотра видео на сайте образовательного ресурса?
- 1 подписчик
- 19 нояб.
- 136 просмотров
3

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Обработать фото в стиле ASCII

22 нояб. 2024, в 08:04

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

Сверстать десктоп версию сайта в tailwind

22 нояб. 2024, в 06:06

1500 руб./в час

Создать TG бота

22 нояб. 2024, в 06:04

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

Выложи 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 клика, как исправить?

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

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

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