OPCIÓN A
Con este código, al reducir el tamaño de la ventana del navegador, lo que hace es crear un div cada vez que cambio el tamaño de la ventana, y se crean un montón de divs.
Código Javascript :
$(window).resize(function() {
if( $(window).width() < 500) {
$('div#portada').prepend('<div class="destacado"></div>');
} else {
$('div#portada div.destacado').remove();
}
});OPCIÓN B
Si lo hago sin 'window resize' solo crea un div, pero hay que recargar la página después de cambiar el tamaño de la ventana para que se añada el div.
Código Javascript :
if( $(window).width()< 500){
$('div#lightbox').prepend('<div class="null"></div>');
} else {
$('div#lightbox div.null').remove();
}¿Alguna idea para que solo cree un div al cambiar el tamaño de la ventana?
