Skript auf Media Query/MatchMedia

Question

Ich habe ein Skript (https://github.com/SubZane/flyPanels), die nur auf kleinen Geräten ausgeführt werden sollte.

Das Drehbuch von genannt:

<script> 
document.addEventListener("DOMContentLoaded", function(event) { 
    FastClick.attach(document.body); 
    flyPanels.init({ 
      treeMenu: { 
       init: true 
      }, 
      search: { 
       init: true, 
       saveQueryCookie: true 
      } 
    }) 
}); 

</script> 

Wie das ich erreichen?

Answer 1

Siehe diese link

Also im Grunde kann man durch eine if-Anweisung überprüfen wie

if(screen.width == 768){ 
    //your code here 

} 

... und dann Ereigniscode unter ihm. Fragen Sie einfach nach der Bildschirmgröße, auf der Ihr Code funktionieren soll, und prüfen Sie, ob der Code funktioniert. PS: Das Bildschirmobjekt von js hat Angaben in px .... also stelle sicher, dass du px eincheckst.