Recursos para construir elementos de interface de usuario en Web

Asignar eventos jQuery a contenido cargado con Ajax

Si utilizamos la típica sintaxis jQuery para asignar eventos a los contenidos de nuestra página, éstos no se aplicarán a contenidos cargados con Ajax. La solución es utilizar algo como en el siguiente ejemplo: $(document).on(«change», «#elemento_cargado_con_ajax», function(){ alert( ‘Bienn!’ ); }); Para una mayor optimización conviene sustituir document, por el elemento html más próximo al […]

Problema con Bootstrap Tabs

Si no funcionan bien las Tabs con Bootstrap, probar actualizando jQuery a la versón 1.7 o posterior y a utilizar el atributo data-toogle. Es un fallo que también arrastra la versión 3.0 de Bootstrap.   <ul class=»nav nav-tabs» data-tabs=»tabs»> <li class=»active»><a href=»#red» data-toggle=»tab»>Red</a></li> <li><a href=»#orange» data-toggle=»tab»>Orange</a></li> <li><a href=»#yellow» data-toggle=»tab»>Yellow</a></li> <li><a href=»#green» data-toggle=»tab»>Green</a></li> <li><a href=»#blue» data-toggle=»tab»>Blue</a></li> […]

Cambiar la versión jQuery en Prestashop 1.5

En realidad esto vale para cambiar o añadir cualquier archivo .js a la cabecera de las páginas en Prestashop. La clase FrontController.php es la que se encarga de insertar estos archivos en el head de las páginas y en Prestashop 1.5 está en la carpeta /classes/controller/FrontController.php. El método que se encarga de importar los archivos […]

Live.js – Para ver los cambios mientras estamos diseñando

Este plugin de jQuery puede ser útil si se quieren ver los cambios de forma instantánea en la página web que estamos diseñando. Si cambiamos algo en el archivo css, el plugin se encarga de actualizarlos directamente sin falta de refrescar el navegador. Si vuestro entorno de trabajo consiste en tener el navegador en media […]