Tu código únicamente va a funcionar cuando al abrir por primera vez el navegador, el ancho del mismo sea menos a 680. Vos querés que pase al redimensionarlo? Eso lo podés hacer así:
Código Javascript
:
Ver original$(document).ready(function(){
$(window).resize(function() {
if ($(this).width()< 680){
$('.texto_inicial').style.background = '#FF0000';
}
});
});
Y si es solamente para el color de fondo, ni siquiera necesitas codear. Simplemente podés usar
media-queries de CSS.
Código CSS:
Ver original@media screen and (max-width: 680px) {
.texto_inicial {
background: #FF0000;
}
}
Saludos :)