Comment utiliser la bibliothèque jquery dans Magento 2?

Je crée un thème Magento où je dois inclure jQuery.

Quand j'ajoute cela <link src="js/jquery-1.7.1.js"/>dans head. Cela fonctionne, mais les fonctions javascript de Magento ne fonctionnent pas. Comment utiliser la bibliothèque jQuery intégrée à Magento 2 sur un thème personnalisé?

Si vous ajoutez votre bibliothèque js personnalisée autre que jQuery, vous devez inclure le code js à l'intérieur de la fonction require comme:

 require(['jquery', 'jquery/ui'], function($){ 
     //your js code here  
 });

Exemples:

Dans la fonction require, vous pouvez accéder directement à la fonctionnalité jQuery en utilisant l'un jQueryou l' autre de ses alias abrégés, le $signe dollar . Par exemple:

require(['jquery', 'jquery/ui'], function($){
  jQuery(document).ready( function() {
    alert("Page loaded.");
  });
});

Voici un exemple avec l' $alias:

require(['jquery', 'jquery/ui'], function($){
  $(document).ready( function() {
    alert("Page loaded.");
  });
});

Jquery / JqueryUI ont ajouté dans magento2. Vous pouvez voir dans lib / web / jquery

Pour utiliser jquery ou appeler le widget de magento. Depuis votre fichier js

define([
  'jquery',
  'jquery/ui',
  'mage/<widget.name>' found in /lib/web/mage dir
], function($){

$.widget('<your_namespace>.<your_widget_name>', $.mage.<widget.name>, {  CODE HERE... });

return $.<your_namespace>.<your_widget_name>;

});