Versión de prueba
http://anhida.es/area51/
Este parece funcionar bien
Código HTML:
if (Modernizr.rgba) alert("Soportas HTML5");
Mi duda es que me carga tanto YEP como NOPE, y jQuery.js y modernizr.js los esta enlazando bien, gracias
Código HTML:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="js/modernizr-2.6.2.min.js"></script>
<script>
$(document).ready(function(){
//if (Modernizr.rgba) alert("Soportas HTML5");
Modernizr.load(
{ //Damos soporte a las etiquetas semanticas de HTML5 y a los selectores de CSS3
test: Modernizr.rgba,
complete: alert("Soporte HTML5 ampliado"),
nope: ['js/html5shiv.js','js/selectivizr-min.js']//STYLE no soportada
},{//Damos soporte a las esquitas redondeadas de CSS3
test: Modernizr.borderradius,
complete: alert("Soporte borderradius ampliado"),
nope: 'js/jquery.corner.js'
},{//Damos soporte a las descripciones de formularios de CSS3
test: Modernizr.placeholder,
complete: alert("Soporte placeholder ampliado"),
nope: 'js/Placeholders.min.js'
},{//Damos soporte al texto sombreado de CSS3
test: Modernizr.textshadow,
complete: alert("Soporte textshadow ampliado"),
none: ['js/jquery.textshadow.js','css/jquery.textshadow.css']
},{
test: Modernizr.cssgradients,
yep: alert('Supports it!'),
nope: alert('Oh, damn! This browser sucks!')
});
});
</script>
otro fragmento que tambien he probado sin exito
Código HTML:
<script src="js/modernizr-2.6.2.min.js"></script>
<script>
Modernizr.load({
load: '//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js',
test: 'window.jQuery',
nope: 'js/jquery-1.10.1.min.js'
},{
load: ['js/bootstrap.min.js','css/bootstrap.min.css','css/bootstrap-theme.min.css'],
both: 'js/prefixfree.min.js'
},{
test: Modernizr.rgba,
yep: alert("yep"),
nope: alert("nope")
});
$(document).ready(function(){
alert(window.jQuery);
});
</script>