Share
jQuery UI 1.8 ha existido por un tiempo ahora. De hecho, actualmente está en la versión 1.8.16. jQuery UI 1.9 está en desarrollo activo y trae una serie de nuevos widgets a la mesa, junto con las mejoras habituales en estabilidad y rendimiento.
Los mayores cambios son, por supuesto, los nuevos widgets en sí mismos, pero también ha habido modificaciones en algunos de los widgets existentes. Veremos los nuevos widgets primero. Los widgets se encuentran en las etapas avanzadas de desarrollo, pero debe tener en cuenta que las API de los widgets aún están sujetas a cambios hasta que estén completamente finalizadas..
El widget del menú se puede utilizar de forma independiente para transformar una lista de hipervínculos en un menú temable, que se puede navegar por el teclado y el mouse
El widget del menú, que anteriormente formaba parte del widget de autocompletar, se ha dividido en su propio complemento para reutilizarlo en otros componentes. Se puede usar de forma independiente para transformar una lista de hipervínculos en un menú temable, con teclado y mouse, pero se utiliza mejor junto con otros widgets.
Cuenta con la discapacitado opción, que es compartida por todos los widgets jQuery UI, así como la posición Opción que utiliza la utilidad de posición para posicionarse con respecto a otro elemento. Expone el conjunto estándar de métodos; destruir, inhabilitar, habilitar, opción y widget, así como el método único refrescar que se utiliza para actualizar el menú cuando se le agregan nuevos elementos. También dispara una serie de ganchos de eventos, incluyendo crear, atención, difuminar y seleccionar. A los tres últimos eventos se les pasa un objeto que se refiere al elemento individual enfocado, borroso o seleccionado.
Usar el widget es extremadamente fácil, por supuesto. Por ejemplo, podríamos transformar un cuadro de selección simple en algo más atractivo usando el widget de menú:
Necesitaremos nuestro script para leer las opciones en el cuadro que estamos reemplazando y construimos una nueva lista desordenada que servirá como la base del widget del menú:
Esto nos da el giro atractivo y totalmente accesible desde el teclado:
La API para el hilandero es extensa con una gama de opciones configurables, eventos personalizados y métodos. Las opciones que podemos usar para configurar el widget son las siguientes:
Los métodos exclusivos que podemos utilizar para desencadenar el comportamiento especializado en el widget incluyen:
También hay algunos eventos personalizados que podemos usar para enganchar la interacción clave, que son los siguientes:
El widget de información sobre herramientas nos permite crear información sobre herramientas rica y atractiva utilizando, por defecto, el atributo de título. Cualquier elemento que pueda tener un atributo de título puede tener una información sobre herramientas agregada, que proporciona información complementaria útil a un formulario utilizando enlaces simples.
? ?
Entonces, todo lo que tenemos que hacer es llamar al método de información sobre herramientas en nuestros elementos:
Accentsconagua
$ (". tip"). tooltip (); Esto generará información sobre herramientas utilizando el título Atributos de los elementos:
Además de utilizar el título atributo, podemos usar el contenido La opción de configuración para especificar un medio alternativo para agregar contenido a la información sobre herramientas, podríamos usar el contenido de texto de un oculto elemento por ejemplo:
? Para calcular su IMC, simplemente divida su altura en Kilogramos por su altura en metros cuadrados $ (". alt-tip"). tooltip (content: function () return $ ("# bmi"). text ();, posición: my: "center bottom", at: "center top" ); Ahora la información sobre herramientas tomará el contenido de texto de nuestra :
También utilizamos el posición Opción de configuración para reposicionar la información sobre herramientas en este ejemplo..
El widget emergente también debería estar listo para la versión 1.9. Al igual que el widget de menú que vimos anteriormente, la ventana emergente es un widget de bajo nivel que está diseñado para ser utilizado por otros widgets.
En realidad, es incluso más bajo que el menú y no tiene una interfaz de usuario visible. Eventualmente formará la base de todos los widgets que muestran cualquier tipo de ventana emergente, por lo que espere verlos listados como una dependencia para el menú, la información sobre herramientas y probablemente otros widgets como el diálogo.
jQuery UI 1.9 será un lanzamiento especial, al igual que 1.7 fue hace un par de años. No solo trae nuevos widgets al kit de herramientas de UI a nuestra disposición, correcciones de errores y mejoras de rendimiento, sino que también trae muchos cambios a la API de cada widget individual.
La interfaz de usuario de jQuery se encuentra actualmente en una gran reescritura, con todos los widgets existentes recreados con API nuevas y simplificadas que facilitarán el aprendizaje y la extensión de la biblioteca, y estos cambios culminarán en la versión 2.0. Algunas de estas reescrituras introducirán cambios de última hora en los widgets existentes. Esto es inevitable, y de hecho, es esencial si deseamos ver el progreso de la biblioteca, pero para facilitar la transición, los widgets reescritos continuarán funcionando con la sintaxis existente a lo largo del ciclo de vida de 1.9 y las API antiguas no se eliminarán completamente (cuando sea posible) hasta la versión 2.0.
Así que este es el comienzo de un momento sumamente emocionante para los usuarios de la interfaz de usuario de jQuery, con nuevos widgets que aparecen, mejores API y un mejor rendimiento y un refinamiento general de todos los aspectos de la biblioteca de la interfaz de usuario oficial para jQuery.
