Làm thế nào để sử dụng thư viện jquery trong Magento 2?

Tôi đang tạo một chủ đề Magento nơi tôi cần bao gồm jQuery.

Khi tôi thêm cái này <link src="js/jquery-1.7.1.js"/>vào head. Nó đang hoạt động nhưng các chức năng javascript Magento không hoạt động. Làm cách nào để sử dụng Magento 2 được xây dựng trong thư viện jQuery trên một chủ đề tùy chỉnh?

Nếu bạn đang thêm thư viện js tùy chỉnh của mình ngoài jQuery thì bạn cần bao gồm mã js bên trong yêu cầu chức năng như:

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

Ví dụ:

Bên trong hàm yêu cầu, bạn có thể truy cập trực tiếp chức năng jQuery tại chỗ bằng cách sử dụng jQueryhoặc bí danh dạng ngắn của nó, $ký hiệu đô la . Ví dụ:

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

Đây là một ví dụ với $bí danh:

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

Jquery / JqueryUI đã thêm vào magento2. Bạn có thể thấy trong lib / web / jquery

Để sử dụng jquery hoặc gọi widget của magento. Từ tập tin js của bạn

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

});