Как назначить jquery событие на изменения значения атрибута data?

Question

[acces5_denied]

Помогите разобраться с задачей.
Есть несколько блоков
div id="tab_1" aria-hidden="false".../div
div id="tab_2" aria-hidden="false".../div
div id="tab_3" aria-hidden="false".../div
атрибут aria-hidden принимает два значения - true и false.
Как можно выполнить функцию при изменении у 3-го блока значения aria-hidden на true

Спасибо.

Comments

[Антон]

По какому событию должен измениться атрибут, по клику?
И, только у третьего нужно?

[acces5_denied]

событие как раз и должно быть - смена значения aria-hidden="false" у 3-го элемента
Да, только у т-го

[Ди Ма]

acces5_denied: а замена происходит как? Другой скрипт переключает через .data('hidden', true) ?

[acces5_denied]

Ди Ма: Это плагин, в котором по событию клик меняется .data('hidden', true)

Answer 1

[Ди Ма]

https://jsfiddle.net/v2cLaoer/

var div = document.getElementById('div');

// Наблюдатель за изменениями DOM элемента
var MutationObserver = (function () {
	var pref = ['WebKit', 'Moz', 'O', 'Ms', ''];

	for (var i=0; i < pref.length; i++) {
		if (pref[i] + 'MutationObserver' in window) {
			return window[pref[i] + 'MutationObserver'];
		}
	}
	return false;
}());

new MutationObserver( function (mutations) {
	mutations.forEach( function (e, i) {

		console.log('измененo'); // что сделать при изменении
		console.log(e);
	});

}).observe(div, { attributes: true });

div.dataset.ololo = true; // изменяем элемент, и смотрим консоль

// UPD
Если нужно именно событие, то создаем CustomEvent, и dispatch-им его внутри наблюдателя.

Comments

[acces5_denied]

Ди Ма: если не сложно можешь пример кода скинуть

// UPD
Если нужно именно событие, то создаем CustomEvent, и dispatch-им его внутри наблюдателя.

[Ди Ма]

acces5_denied:

// слушатель события
document.addEventListener("myEvent", function (event) {
	
	console.log(event.detail); // данные, которые передали с событием
});

// ---------------------------------------------------------------------
// этот фрагмент помещаем туда, где "console.log('измененo');"

// создаем объект события 
var newEvent = new CustomEvent("myEvent", {
	detail: {
		// передаем данные с событием, если нужно
		foo: "fooo",
		bar: "barr"
	},

	bubbles: true, // всплываемость
	cancelable: false // отменяемость
});

// Генерируем событие
document.dispatchEvent(newEvent);
// после этой строчки, все слушатели услышат событие