Форум

Alessio18911 · #1 (**permalink**) 16.10.2018, 22:49

Недавно начал учить JQ. Задача такая. Есть элемент, к которому по клику нужно добавить класс, но при этом должна быть пауза. Вот так не работает, а именно, setTimeout (( Не работает, даже если обернуть e.currentTarget в $. Подскажите, пожалуйста, как исправить?

self.$financeDetailsTrigger.on('click', (e) => {
            e.preventDefault();

            $('.finance__company-row--details').slideUp();
            $('.finance__company-row--with-trigger').removeClass('is-active');        
            $('.js-finance-details-trigger').show();

            const detailsList = $(e.currentTarget).parent().parent().prev();

            if (!detailsList.is(":visible")) {
                $(e.currentTarget).hide();
                detailsList.slideDown();
                setTimeout(() => {
                    e.currentTarget.closest('.finance__company-row--with-trigger').addClass('is-active');
                }, 500);
                
            } 
        })

j0hnik · #2 (**permalink**) 16.10.2018, 23:28

Alessio18911,
Если обернуть будет работать, ищите ошибку в другом

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
	<div>1</div>
	<script>
		$('div').on('click', (e) => {
			setTimeout(() => {
				$(e.currentTarget).addClass('is-active');
			}, 500);
		});
		</script>
	</body>
	</html>

Alessio18911 · #3 (**permalink**) 19.10.2018, 22:01

Спасибо! Да, Вы оказались правы. )

Форум

Справочник

Discord чат

Курсы javascript