Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.04.2015, 10:55
Аспирант
Отправить личное сообщение для Nifler Посмотреть профиль Найти все сообщения от Nifler
 
Регистрация: 29.09.2013
Сообщений: 37

Отслеживание css состояния объекта
Задача: при скруле слайдера должны изменяться css соответствующих пунктов меню. Проблемма в отслеживании "активного" слайда. У активного слайда стиль display=block. Как отследить изменение этого стиля? Не хочу ставить отслеживание через каждый небольшой период времени - будет тормозить. И не могу выколупать конкретно тот код, который двигает слайдером.

Вопрос: как отследить любое изменение DOM?
Ответить с цитированием
  #2 (permalink)  
Старый 27.04.2015, 11:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,077

Nifler,
нормальный вариант -- искать то что меняет а не следить за изменениями
второй вариант ищите MutationObserver
Ответить с цитированием
  #3 (permalink)  
Старый 27.04.2015, 15:30
Интересующийся
Посмотреть профиль Найти все сообщения от nondeterminism
 
Регистрация: 27.04.2015
Сообщений: 18

<html>
<head>

</head>
<body>

<div id="d">foo</div>
<button onclick="d.style.display='block'">show</button>
<button onclick="d.style.display='none'">hide</button>


<script>


observer=new MutationObserver(function(mutations){
 mutations.forEach(function(mutation){console.log(mutation.target)})
})

observer.observe(d, {attributes: true})

</script>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 27.04.2015, 21:26
Интересующийся
Посмотреть профиль Найти все сообщения от nondeterminism
 
Регистрация: 27.04.2015
Сообщений: 18

Сообщение от рони
нормальный вариант -- искать то что меняет а не следить за изменениями
А чем он нормальный? А если меняется из 100 мест? Вы найдете одно, подумаете, что все решили, и в итоге жидко обделаетесь. Вариант с обсервером наоборот надежней.
Ответить с цитированием
  #5 (permalink)  
Старый 27.04.2015, 21:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,077

nondeterminism,
Ответить с цитированием
  #6 (permalink)  
Старый 27.04.2015, 21:52
Интересующийся
Посмотреть профиль Найти все сообщения от nondeterminism
 
Регистрация: 27.04.2015
Сообщений: 18

рони,
Если нечего сказать, лучше не лепить отмазы, а просто промолчать, если не хватает воли признать свою ошибку.
Ответить с цитированием
  #7 (permalink)  
Старый 28.04.2015, 21:05
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,127

foo как всегда грозен и ужасен
<iframe src="//coub.com/embed/3raro?muted=false&autostart=true&originalSize=false&hideTopBar=false&startWithHD=false" allowfullscreen="true" frameborder="0" width="640" height="358"></iframe>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
определение состояния css Nifler jQuery 6 27.04.2015 11:01
DOM создание объекта JQ ~ вопрос реализации состояния Brook Events/DOM/Window 0 21.01.2014 22:45
JQuery CSS анализатор javascript jQuery 2 15.08.2010 21:27
Подскажите по CSS меню Александр_1988 Элементы интерфейса 1 17.05.2010 11:58
Можно ли получить имя экземпляра объекта внутри самого объекта? Ichigeki Общие вопросы Javascript 9 14.11.2008 19:00