Magento 2でjqueryライブラリを使用するには？

jQueryを含める必要があるMagentoテーマを作成しています。

これをに追加する<link src="js/jquery-1.7.1.js"/>とhead。動作していますが、MagentoのJavaScript関数は動作していません。カスタムテーマでjQueryライブラリに組み込まれたMagento 2を使用する方法

jQuery以外のカスタムjsライブラリを追加する場合、次のようなrequire関数内にjsコードを含める必要があります。

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

例：

require関数内で、jQuery短縮形のエイリアスであるドル$記号を使用して、jQueryの機能に直接アクセスできます。例えば：

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

$エイリアスを使用した例を次に示します。

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

Jquery / JqueryUIがmagento2に追加されました。lib / web / jqueryで見ることができます

jqueryを使用するか、magentoのウィジェットを呼び出します。あなたの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>;

});