La stessa altezza delle scatole funziona subito dopo l'aggiornamento: jquery, css, height, refresh, box

Ho usato questo script per l'altezza delle stesse scatole

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js">
$(document).ready(function(){

var highestBox = 0;
$(".box").each(function(){
if($(this).height() > highestBox){
highestBox = $(this).height();
}
});
$(".box").height(highestBox);

});
</script>

Ma in realtà funziona un po 'strano. Prima carica i dati dal database e dopo dovrebbe farlo ma non è così che ho bisogno di aggiornare la pagina per ottenere l'effetto che ho usato nell'intestazione come nel footer. Senza cambiare nessun consiglio cosa ho fatto male? La pagina è matus-satara.com Puoi controllarla dal vivo :)

risposte:

Non puoi avere entrambi a src E il contenuto effettivo nello stesso tag di script.

Separa gli script in questo modo:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){

var highestBox = 0;
$(".box").each(function(){
if($(this).height() > highestBox){
highestBox = $(this).height();
}
});
$(".box").height(highestBox);

});
</script>

Se non hai bisogno di supportare IE9, dai al contenitore genitore lo stile display: flex che farà crescere tutti i bambini alla stessa altezza. http://caniuse.com/#feat=flexbox