Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/09/2013, 11:22
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 575
Antigüedad: 12 años, 10 meses
Puntos: 9
Duda con Modernizr

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> 

Última edición por quico5; 30/09/2013 a las 12:59