Hola chicos, estoy desarrollando un proyecto en el cual utilizo less, animate.css y bootstrap. El problema que tengo es que al abrir la web en el servidor carga perfecto pero si apreto F5 (refresh) carga todo bien excepto el less, me mantiene las css del animate y del bootstrap pero el less no.
Si borro la cache y aplicaciones almacenadas y apreto denuevo se arregla pero nuevamente falla si apreto f5.
Esto en mi servidor local no ocurre por lo cual no se que puede ser.
Estas llamadas hago en el head
Código:
<link href="css/normalize.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/estilos.less">
Y al final del body
Código:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/less.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.viewportchecker.js"></script>
<script src="js/jquery.lazyload.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
jQuery('.box-effect').addClass("bt-hidden").viewportChecker({
classToAdd: 'bt-visible animated fadeIn',
offset: 100,
repeat: true,
callbackFunction: function(elem, action){},
scrollHorizontal: false
});
jQuery('.box-effect2').addClass("bt-hidden").viewportChecker({
classToAdd: 'bt-visible animated fadeInDown',
offset: 100,
repeat: true,
callbackFunction: function(elem, action){},
scrollHorizontal: false
});
});
</script>
<script>
$(function() {
$("img.lazy").lazyload({
effect : "fadeIn"
});
});
</script>
Podra ser algo del servidor que genere problemas?
De antemano gracias