Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 07.08.2020, 19:53
Интересующийся
Отправить личное сообщение для Diox Посмотреть профиль Найти все сообщения от Diox
 
Регистрация: 17.02.2014
Сообщений: 14

Сообщение от voraa Посмотреть сообщение
Запоминаете, какие из интересующих вас стилей были у elem

const teststyle = () => {
// Тут проверяем не изменились ли стили у elem,
// Если изменились, делаем то, что нужно
// И перезапоминаем изменения
window.requestAnimationFrame (teststyle)
}
teststyle();


Вас любой стиль интересует?
Тогда только MutationObserver

Кстати, еще и class могут поменять
Круто, спасибо, но только там, где вы указаны "Тут проверяем не изменились ли стили у elem," - я как бы и ищу скрипт, как бы проверить, изменились они или нет )

Я вроде как нашел решение, но пока почему-то опять не работает:

selements = $('.btarifs .slick-track');
stranss = selements.css('transform');

window.Touchleave = function(event) {
qelementq = $('.btarifs .slick-track');
qtransq = qelementq.css('transform');
if(stranss==qelementq) {} else {}
}


Запомнить изначальные данные - selements.css('transform') и при убирании пальца с тача, если данные не равны, произвести изменения, но скрипт наверное не правильно составил, не работает

Последний раз редактировалось Diox, 07.08.2020 в 19:56.
Ответить с цитированием
  #22 (permalink)  
Старый 07.08.2020, 20:20
Интересующийся
Отправить личное сообщение для Diox Посмотреть профиль Найти все сообщения от Diox
 
Регистрация: 17.02.2014
Сообщений: 14

По идеи так:
selements = $('.btarifs .slick-track');
strans = selements.css('transform');

window.addEventListener('load', function(){
    document.body.addEventListener('touchend', function(e){
qelementq = $('.btarifs .slick-track');
qtranq = qelementq.css('transform');
if(strans==qtranq) {alert(1);} else {alert(2);}
    }, false)
}, false)


Но if работать не хочет
Ответить с цитированием
  #23 (permalink)  
Старый 07.08.2020, 20:43
Интересующийся
Отправить личное сообщение для Diox Посмотреть профиль Найти все сообщения от Diox
 
Регистрация: 17.02.2014
Сообщений: 14

Всё, сделал, может кому-то пригодится на будущее:

window.addEventListener('touchstart', function(){
selements = $('.btarifs .slick-track');
strans = selements.css('transform');
    document.body.addEventListener('touchend', function(e){
qelementq = $('.btarifs .slick-track');
qtranq = qelementq.css('transform');
if(strans==qtranq) {} else {
	$('h2.trigger').toggleClass('active').siblings("div:visible").slideUp('slow');
	$('h2.trigger').siblings('h2').removeClass('active');
	return false;
}
    })
})


Запоминаем данные при возникновении касания к элементу.
Запоминаем новые данные после разрыва прикосновения к элементу.
Сравниваем значения, если они равны - ничего не делаем, если не равны - производим функцию.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
событие при изменении значения переменной Раед Общие вопросы Javascript 13 24.07.2018 18:11
Изменение текста при изменении содержимого поля input Win_D Элементы интерфейса 2 14.01.2018 00:45
Действие при окончании времени в TimeCircles SLameN Элементы интерфейса 4 15.07.2015 07:56
Действие при одновременном выборе в разных выпадающих списках Oresama Элементы интерфейса 1 28.06.2015 20:22
Добавление класса при изменении ширины браузерного окна Joannes Общие вопросы Javascript 4 07.09.2013 18:12