Traté de convertir varios numérico arriba y abajo (numérico girador) de control, pero no podía. JQuery UI rueda no es una opción ya estoy usando bootstrap 3, y yo no podía implementar el control de giro de fuelx independiente.

He encontrado 2 o 3 similares, pero son ellos para bootstrap 2.

Después de pelear con CSS, me encontré con un chico de aquí, que no podía, yo hago un violinista con su respuesta, pero es stil no funciona. Las imágenes no se muestran.

Creo que es algunos relacionados con mi versión de font awesome en:

<a href="javascript:;" class="spin-down" data-spin="down"><i class="fa fa-sort-down"></i>

pero no estoy seguro. Cualquier sugerencia será preciated.

Última versión de mi fiddler:
http://jsfiddle.net/Leandro1981/wt8CD/

Preguntas relacionadas:

Convertir Bootstrap 2.3.2 & jQuery-Spinner para trabajar con Bootstrap 3.*

Cross-browser Numérico Spinner /paso a Paso para el Bootstrap

Cross-browser Numérico Spinner /paso a Paso para el Bootstrap

InformationsquelleAutor Leandro | 2014-03-28

2 Comentarios

  1. 8

    Una mejor solución para la parte de javascript, ya que el que se da sólo admite una sola spinner por página.

    $('.spinner .btn:first-of-type').on('click', function() {
        var spinner = $(this).parent().parent().find('input');
        spinner.val(parseInt(spinner.val(), 10) + 1);
    });
    
    $('.spinner .btn:last-of-type').on('click', function() {
        var spinner = $(this).parent().parent().find('input');
        spinner.val(parseInt(spinner.val(), 10) - 1);
    });

    Una posible actualización para agregar min, max, el desplazamiento y el soporte de teclado.

    • perfecto, gracias!
    • Funciona correcto, como distinta de la @Leandro script que cambia el valor de todos los spinners en una página.
    • Acabo de marcado como respuesta su respuesta porque creo que es mejor que la mía.

Dejar respuesta

Please enter your comment!
Please enter your name here