Bagaimana cara menggunakan perpustakaan jquery di Magento 2?

Saya membuat tema Magento di mana saya harus memasukkan jQuery.

Ketika saya menambahkan ini <link src="js/jquery-1.7.1.js"/>di head. Ini berfungsi tetapi fungsi javascript Magento tidak berfungsi. Bagaimana cara menggunakan Magento 2 yang dibangun di perpustakaan jQuery pada tema khusus?

Jika Anda menambahkan pustaka js kustom Anda selain jQuery maka Anda harus memasukkan kode js di dalamnya yang memerlukan fungsi seperti:

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

Contoh:

Di dalam fungsi yang diperlukan, Anda dapat langsung mengakses fungsionalitas jQuery di tempat dengan menggunakan salah satu jQueryatau bentuk singkatnya, $tanda dolar . Sebagai contoh:

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

Berikut ini adalah contoh dengan $alias:

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

Jquery / JqueryUI telah menambahkan di magento2. Anda dapat melihat di lib / web / jquery

Untuk menggunakan jquery atau widget panggilan Magento. Dari file js Anda

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>;

});