2011-02-03 4 views
7

He estado buscando en css de jQuery hooks, y algunos que están disponibles en Github. Pude usarlos para establecer algunos estilos con jQuery, pero hasta donde yo lo entiendo, solo me da una forma demasiado compleja de establecer un estilo css. Obviamente me falta el punto ... ¿Qué puedo hacer con ellos? ¿Puedo hacer columnas de soporte de Opera css, por ejemplo? ¿si es así, cómo? ¡Gracias por su ayuda!¿Alguien puede explicar cómo/por qué usar los ganchos CSS de jQuery?

$(".sub").css({ 
      'columnWidth':'120px', 
      'columnRuleStyle':'dotted', 
      'columnRuleWidth':'1px', 
      'columnRuleColor':'#ccc', 
      'columnGap':'10px' 
      }); 
+0

+1: muy interesante, yo no sabía acerca de esos ganchos! –

+0

Bueno, ¿cómo los estás usando? Publique el código ... –

+0

No he hecho mucho con él, pero establezco algunos estilos CSS: agregué el código a mi pregunta, que viene después de importar columns.js, un código hook css (?) Que obtuve del Github repo. Mencioné en mi primera publicación. –

Respuesta

0

Desde el sonido de las cosas, estos ganchos CSS son útiles para el apoyo a las propiedades CSS específicas del navegador que la función principal Css() no lo hace.

3

Al agregar soporte para estas propiedades de CSS nuevas o específicas del navegador, sí le permite establecerlo con la función $ .fn.css() pero también agrega la capacidad de animarlas, que es el uso principal de los ganchos .

http://proj.jetless.org/AWESOME-TIME/

+0

Incluso si esto es impresionante, no puedo evitar preguntar: "¿Eso es todo, solo animación?" –

+1

@Regis no es solo animación. Su ejemplo de columnas CSS. Puede ampliar el cssHook actual para columnas y crear soporte para cualquier navegador que no lo tenga de forma nativa. Tomaría algún trabajo, pero los cssHooks le permiten tocar y extender la estructura $ .fn.css(). – PetersenDidIt

+1

Modernizr ya ofrece soporte para un estilo alternativo, por lo que no puede ser todo lo que existe ... El mayor uso de jQuery es aliviar el dolor de las interacciones UX, muchas de las cuales dependen de animaciones (diapositivas, desvanecimientos, datos del calendario -picking, etc.) Si desea realizar transiciones en IE, puede usar ganchos jQuery para construir una función que se aproxime a la transición. – Benxamin

1

csshooks es una buena manera de poner en práctica los nuevos estilos CSS3 a través de los navegadores. Puede crear un complemento csshook para el radio del borde que sí tiene detección e implementar el radio del borde de forma diferente en los navegadores que lo admiten. Explica todo aquí:

http://api.jquery.com/jQuery.cssHooks/

Cuestiones relacionadas