Почему не удаляется класс по setTimeout?

Question

ymfront @ymfront

JavaScript

Почему не удаляется класс по setTimeout?

По клику на элемент нужно добавить класс, а через секунду удалить его. Добавление класса работает, а вот удаление не работает. В консоли нет никаких ошибок. В чем может быть проблема? Если в setTimeout добавить alert("text"), то alert выскакивает.

$(".box43z6r6QZ").click(function(){

    $(this).addClass("hG8KlY3Q");

    setTimeout(function(){
        $(this).removeClass("hG8KlY3Q");
    }, 1000);

});

HTML:

<div class="box32TgUoAy">
	<span class="box43z6r6QZ 43z6r6QZ__tl">tl</span>
	<span class="box43z6r6QZ 43z6r6QZ__tr">tr</span>
	<span class="box43z6r6QZ 43z6r6QZ__bl">bl</span>
	<span class="box43z6r6QZ 43z6r6QZ__br">br</span>
</div>

Вопрос задан более года назад
122 просмотра

1 комментарий

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

Answer 1 · 2023-07-24 10:43:17

Классическая потеря this. Правда, странно, что при этом нет ошибок в консоли, когда вы на window пытаетесь removeClass вызвать.

$(".box43z6r6QZ").click(function(){
   var $el = $(this);

    $el.addClass("hG8KlY3Q");

    setTimeout(function(){
        $el.removeClass("hG8KlY3Q");
    }, 1000);
});

Почему не удаляется класс по setTimeout?

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