Manipular elementos dependiendo del Ancho de Pantalla
Publicado por Juan (4 intervenciones) el 13/03/2018 01:15:45
Hola, tengo un problema al crear una condición con innerWidth.
Lo que busco básicamente es hacer que un elemento se oculte o muestre dependiendo del ancho de la ventana.
Este es el código que estoy usando.
Soy muy nuevo en esto y no sé por qué no funciona, si tal vez estoy declarando mal las condiciones, me gustaría que me corrijan.
Lo que busco es que cuando la ventana mida menos de 992px, el elemento con la clase "dCapa" se muestre, y cuando mida más de 992px, el elemento con la clase "dCapa" se oculte.
Lo que busco básicamente es hacer que un elemento se oculte o muestre dependiendo del ancho de la ventana.
Este es el código que estoy usando.
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
var anchoPantalla = $(window).innerWidth()
if(anchoPantalla < 992){
$(".dCapa").show()
}else if(anchoPantalla >= 992){
$(".dCapa").hide()
}})
Soy muy nuevo en esto y no sé por qué no funciona, si tal vez estoy declarando mal las condiciones, me gustaría que me corrijan.
Lo que busco es que cuando la ventana mida menos de 992px, el elemento con la clase "dCapa" se muestre, y cuando mida más de 992px, el elemento con la clase "dCapa" se oculte.
Valora esta pregunta
0
