Un événement déclencheur, à l'aide de Jquery sur le CSS changement?

Je suis curieux de savoir est-il un écouteur d'événement ou peut-être un moyen de construire une méthode qui se déclenchent quand un CSS changement se produit?

Ma feuille de style utilise les media queries et je veux savoir si il y a un moyen d'attacher un écouteur à voir lors de ces requêtes de média coup de pied dans et hors. Par exemple, j'ai une requête de média qui cache un bouton à certaines largeurs d'écran

@media screen and (max-width: 480px) {
  #search-button {
    display: none;
  }
}

Ce que l'écouteur d'événement aurais-je utiliser pour détecter lorsque que l'affichage change? Je suis en train de le faire:

$(window).resize(function() {
  if($('#search-button').css("display") == "none") {
    //do something
  } else {
    //do something else
  }
});

Qui fonctionne très bien, mais il invite l'auditeur à chaque fois que l'utilisateur change l'écran et je préfère l'avoir juste déclenche uniquement lorsque la css du bouton change. J'espère qu'un sens.

par exemple c'est ce que j'aimerais

$('#search-button').cssEventListenerOfSomeKind(function() {
  alert('the display changed');
});
stackoverflow.com/questions/1397251/event-detect-when-css-property-changed-using-jquery

OriginalL'auteur Brodie | 2011-12-29