Magento2でjQueryを使用する のバックアップの現在との差分(No.1)

• バックアップ一覧
• 差分 を表示
• ソース を表示
• バックアップ を表示
• Magento2でjQueryを使用する へ行く。
  • 1 (2017-05-23 (火) 09:44:12)
  • 2 (2017-05-23 (火) 09:46:13)

• 追加された行はこの色です。
• 削除された行はこの色です。

[[Magentoめも]]

強引に使用しようとすると「$」の扱いで競合しているようで、商品のソートなどができなくなりました。

 <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script>
 $(function(){
     alert('Hello World');
 });
 </script>

Magento側でjQueryが使用できるようになっているようなので、以下のように記述することで競合が解決できました。

 <script>
 require(['jquery'], function(jQuery){
     jQuery(function(){
         alert('Hello World');
     });
 });
 </script>

以下でも大丈夫なようです。

 <script>
 require(['jquery'], function($){
     $(function(){
         alert('Hello World');
     });
 });
 </script>


[[Magento2 独自JSファイルの読み込み]]も参考にして下さい。