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>
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>