Ausblenden oder entfernen eines div-Klasse bei mobile viewport?

In Erster Linie, ich bin sehr bewusst von CSS media queries. Mein problem ist Folgendes: Wenn Sie die div-Klassen, die gestapelt in einem div; Beispiel:

<div class="class1 class2"></div>

Und den Sie entfernen möchten "class2" @media (max-width: 768px)
Eine Ausgabe von:

<div class="class1"></div>

...sobald die 768px Schwelle erreicht wurde.

So weit ich gekommen bin mit nichts anderes als das nicht-funktionale code:

<script>
 jQuery(document).resize(function () {
  var screen = $(window)    
   if (screen.width < 768) {
    $(".class2").hide();
  }
     else {
       $(".class2").show();
      }
  });
</script>

Ich bin wirklich eine harte Zeit, eine Antwort zu finden, das funktioniert für diese. Ich will nicht zu blockieren den gesamten div Inhalt! Entfernen Sie einfach eine der beiden Klassen.

  • Wäre nicht "responsive design" in diesem Fall bedeuten, setzen der styles für .class2 in @media (min-width: 768px) { … } entfernen, sondern die Klasse per JS? I. e. Sie ändern sich nicht, der DOM, Sortieren Sie die Stile in Haltepunkte.
InformationsquelleAutor ben.kaminski | 2013-12-28
Schreibe einen Kommentar