Iv sido atrapados en este caso por más de un mes, realmente necesita ayuda en esto,

Quiero usar Jquery ui spinner con las siguientes personalizaciones :

  1. El incremento en el botón arriba y abajo debe ser definido por mí, mis imágenes debe ser utilizado
  2. El incremento en el tamaño de paso debe ser variable

Otro enfoque , que el uso de jquery ui sería bienvenida, pero necesitan ayuda para lograr esto , la funcionalidad básica, estoy buscando es : hasta mousedown en la imagen de mantener el incremento de valor del textbox, eso es todo

InformationsquelleAutor Nishant Jani | 2012-08-02

3 Comentarios

  1. 3

    puedes probar con:

           https://github.com/btburnett3/jquery.ui.spinner

    Es fácil de usar y usted sólo necesita 2 archivos (ui.spinner.min.js o ui.spinner.js y la interfaz de usuario.spinner.css)

    Responder a sus preguntas:

    1. Puede reemplazar cualquiera de las clases css que aparece abajo para poner la imagen que desee y jugar con algunos de los valores en el navegador de desarrollo de la herramienta para ver los cambios.

          classes: ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr
    2. El incremento de tamaño se podría establecer en el ‘paso’ de la propiedad.

    Ejemplo:

    $('#someId').spinner({
                            min: 0,
                            max: 100,
                            increment:'fast',
                            step:5  //this will increment or decrement by 5    
                        });

    Recuerde que el componente de HTML con id=»someId» debe ser un input con type=»text» o «número», pero si elige la última y su navegador compatible con HTML5 va a hacer que la flecha arriba/abajo en el interior de la entrada y debajo de los botones agregados por esta extensión. Mi sugerencia es usar type=»text».

    Saludos.

    • naah no quiero hacer todo esto , solo me falta la simple spinner describen en la pregunta
    • Yo respondo de nuevo, con otro enfoque, espero que le ayude. Saludos.
    • Lee muy parecida a la de «No, yo no quiero aprender cómo funciona la tecnología, me acaba de dar una solución de trabajo.»
    • «.ui-widget» es también importante.
  2. 0

    Si usted mira la última versión de github para spinner, https://github.com/jquery/jquery-ui/tree/master/ui
    Se ha añadido el código en el último commit para el control de giro para tener la opción de cambiar las imágenes. Tan lejos como el incremento paso a tamaño se refiere usted puede agregar el valor del paso en opciones. Espero que esto ayude.

  3. 0

    Me olvidé de mencionar que se puede utilizar la interfaz de usuario jQuery 1.9, en el hito 6 fueron con muchas actualizaciones para el control de giro widget.

    Por favor visite este sitio para obtener más detalles:
    Interfaz de usuario JQuery 1.9 hito 6

    Recuerde que esta característica es ‘en desarrollo’, la diseño visual se ve bien, pero el trabajo del hilandero parece este ejemplo

    Para sus fines:

    1. Las imágenes podría ser cambiado por CSS.
    2. La opción de ‘el paso’ debe proporcionar el incremento en el tamaño del paso.
    3. Hasta mousedown en la imagen de mantener el incremento de los textbox está funcionando como se esperaba.

    Nota: Recuerde que usted puede descargar la primera versión candidata de Interfaz de usuario JQuery 1.9 RC, para probar que.

    Espero que esto ayude.

Dejar respuesta

Please enter your comment!
Please enter your name here