cambiare classe ad <header> on resize

**slerosa** · 17-11-2016, 11:52

Come da titolo, devo cambiare classe all'<head> al resize della pagina... leggendo in rete ho scritto questo ma non funziona

consigli?

codice:

<script>	
		$(document).ready(function(){
    responsive_menu_resize();
});
	
	$(window).resize(function(){
     responsive_menu_resize();
});


  function responsive_menu_resize(){
	 var current_width = $(window).width();


	 if(current_width < 768)
      $('header').addClass("mobl").removeClass("desktp");
 
    else if(current_width > 769)
      $('header').addClass("desktp").removeClass("mobl");
 
   	}
  }
	</script>

**ciro78** · 17-11-2016, 12:11

ma forse header è una classe quindi devi fare

codice:

$('.header').

ad ogni modo le media query dei css fanno quello che chiedi

**slerosa** · 17-11-2016, 12:36

no header è il tag <header> .... si ma con le media query non posso cambiare classe...

**slerosa** · 17-11-2016, 13:08

Originariamente inviata da ciro78

ma forse header è una classe quindi devi fare

codice:

$('.header').

ad ogni modo le media query dei css fanno quello che chiedi

penso sia proprio un problema di sintassi

**salvo.pappy** · 17-11-2016, 13:36

Premesso che sono un sostenitore di vanilla js, potresti scrivere così:

codice:

let header = document.querySelectorAll("header")[0];
header.classList.add("mobile");
header.classList.remove("desktop");

Rileggendo il tuo codice, comunque, credo che l'errore sia nella variabile current_width. prova a sostituire il metodo width() con il metodo innerWidth()

Discussione: cambiare classe ad <header> on resize

Strumenti discussione

Ricerca discussione

Visualizza

cambiare classe ad <header> on resize

Permessi di invio