Мне любопытно, есть ли прослушиватель событий или, возможно, способ построить метод, который будет срабатывать при изменении CSS?
В моей таблице стилей используются медиа-запросы, и я хочу знать, есть ли способ подключить прослушиватель, чтобы увидеть, когда эти медиа-запросы включаются и выходят. Например, у меня есть медиа-запрос, который скрывает кнопку при определенных ширинах экрана.
@media screen and (max-width: 480px) {
#search-button {
display: none;
}
}
Какой прослушиватель событий я использовал бы, чтобы определить, когда этот дисплей изменится? Я сейчас делаю это:
$(window).resize(function() {
if($('#search-button').css("display") == "none") {
//do something
} else {
//do something else
}
});
Что работает отлично, но он вызывает слушателя каждый раз, когда пользователь меняет экран, и я бы просто хотел, чтобы он срабатывал только при изменении кнопки css. Надеюсь, это имеет смысл.
например, это то, что я хотел бы
$('#search-button').cssEventListenerOfSomeKind(function() {
alert('the display changed');
});