Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

835
Views
¿Alternativa ligera a jQuery UI ordenable ()?

jQuery UI (1.8+) se perfila como una gran biblioteca, pero encuentro que a menudo hace demasiado para mí. ¿Existe una biblioteca alternativa para crear una lista ordenable que tenga una huella más pequeña?
Se acepta la exclusión de funcionalidades como marcadores de posición y clasificación de listas cruzadas.

Editar:
(Esto se ha convertido en una discusión interesante, gracias por todas las respuestas).
Parece que algunos usuarios desconocen qué es jQuery UI ordenable. No es clasificación de tablas, sino disposición de listas. Piense en reordenar su cola de Netflix. Vea la demostración aquí: http://jqueryui.com/demos/sortable/

over 4 years ago · Santiago Trujillo
3 answers
Answer question

0

Las respuestas publicadas antes de esta están sorprendentemente desactualizadas.

Sortable es un widget de listas reordenables pequeñas, rápidas y sin dependencias con soporte táctil que funciona con la API nativa de arrastrar y soltar de HTML5. Puede usarlo con Bootstrap, Foundation o cualquier biblioteca CSS que desee, y crear una instancia solo requiere una línea.

Admite el reordenamiento dentro de una lista o entre listas. Puede definir listas que solo pueden recibir elementos, o listas desde las que puede arrastrar, pero sobre las que no puede soltar. También se mantiene de forma muy activa y tiene licencia del MIT en GitHub .

 new Sortable(document.getElementsByClassName('sortable')[0]);
 <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <!-- Sortable --> <script src="https://rawgit.com/RubaXa/Sortable/master/Sortable.js"></script> <ul class="list-group sortable"> <li class="list-group-item">This is <a href="http://rubaxa.github.io/Sortable/">Sortable</a></li> <li class="list-group-item">It works with Bootstrap...</li> <li class="list-group-item">...out of the box.</li> <li class="list-group-item">It has support for touch devices.</li> <li class="list-group-item">Just drag some elements around.</li> </ul>

over 4 years ago · Santiago Trujillo Report

0

El código más pequeño y simple que encontré fue HTML5 Sortable . Es un pequeño complemento de JQuery que funciona en una amplia gama de navegadores y tiene un tamaño de solo 1,5 KB.

Las demostraciones de HTML5 ordenable están aquí .

over 4 years ago · Santiago Trujillo Report

0

Ok, estaba esperando que alguien más obtuviera una mejor respuesta, pero como eso aún no ha sucedido, compartiré mi propia investigación:

  • El complemento clasificable de Jquery es, con mucho, el más popular y en la página de descarga solo se pueden verificar las partes relevantes (por ejemplo, solo el complemento clasificable), lo que aún genera la sobrecarga de jquery.
  • Lo mismo es posible con scrip.aculo.us que se basa en prototipo.js
  • Y con YUI
  • Una antigua biblioteca 'DHTML' también proporciona una funcionalidad de lista ordenable con solo 1 otra característica además de ella (editar en el lugar). Esta es la única biblioteca 'dedicada' que he podido encontrar (para mi sorpresa).
  • Hay algunos otros scripts personalizados que también son antiguos, como este . Si busca esto , aparecerán algunos de ellos.

Si me tomo la libertad de teorizar sobre esta falta, supongo que este es el caso porque arrastrar y soltar requiere muchos cambios y correcciones de navegadores cruzados en navegadores más antiguos y, por lo tanto, cualquiera que planee pasar por ese problema dependerá de las bibliotecas existentes que al menos limitar la cantidad de dolor .

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!