como - ¿Puedo usar jQuery UI 1.12.1 con jQuery 3.x?

jquery ui themes

Question

Cambié mi jQuery 1.7.2 a 3.1.1 y cambié mi jQuery UI de la versión 1.8.16 a la versión 1.12.1 .

Algunos de mis elementos de JS existentes se rompieron, como el estilo de los botones y el dialog comportan de manera inesperada, es decir, la mitad del diálogo modal está cubierta por el misterioso <div class="ui-widget-overlay ui-front"></div>

Sospeché que jQuery UI tenía la culpa debido a la cobertura anterior. Fui al sitio jQuery UI y veo que la versión estable es para jQuery 1.7+ .

¿Eso significa que debo usar jQuery 1.x con jQuery UI, o puedo usar jQuery 3.x (más ... tratar de averiguar por qué se rompió mi estilo y funcionalidad)?

Answer 1

¿Puedes usar jQuery-UI con jQuery 3.2.1?

Imho no puedes sin tener serios problemas. Vea el ejemplo dado a continuación.

Supongamos la siguiente configuración:

• jQuery 3.2.1 (CDN)
• jQuery UI 1.12.1 (CDN)
• Detección jQ Migrate 3.0.0 para detección de errores.

Recibo los siguientes errores:

• jQuery.expr [":"] ahora es jQuery.expr.pseudos en jquery-ui.min.js
• jQuery.expr.filters ahora es jQuery.expr.pseudos en query-ui.min.js
• jQuery.unique está en desuso, use jQuery.uniqueSort

Answer 2

jQueryUI admite el siguiente rango de versiones de jQuery:

"dependencies": {
    "jquery": ">=1.7.0 <4.0.0"
},

Yo diría que eres bueno para ir

Fuente: https://github.com/jquery/jquery-ui/blob/master/package.json#L53

Puede ser que estés viendo muchos componentes rotos porque no estás importando su CSS o estás anulando su CSS.