jQuery este o bibliotecă JavaScript pentru manipularea conținutului paginii și gestionarea evenimentelor. În Magento 2 se încarcă prin RequireJS.
Exemplu de utilizare:
<script>
require(['jquery'], function ($) {
$("#elementul_meu").show();
});
</script>
jQuery UI
jQuery UI extinde jQuery cu widget-uri, efecte și teme. Magento recomandă folosirea configurării prin atribute în locul apelurilor directe:
<div data-mage-init='{"collapsible": {"active": true}}'>...</div>
sau prin script-ul special text/x-magento-init.
Modificare începând cu Magento 2.3.3
Din Magento 2.3.3, jQuery UI a fost împărțit în widget-uri separate, încărcate doar la nevoie, pentru performanță mai bună. Trebuie să elimini dependența generică jquery/ui — altfel apare avertismentul „Fallback to jQueryUI Compat activated”. Folosește în schimb modulul specific:
define(['jquery', 'jquery-ui-modules/widget'], function ($) {
'use strict';
// codul tău
});
Extinderea widget-urilor
Pentru a adăuga metode la un widget existent, folosește un mixin (prin requirejs-config.js); pentru cod nou, creează o componentă personalizată. Documentație: developer.adobe.com/commerce.