Magento2でjQueryを使用する

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ファイルの読み込みも参考にして下さい。