Magento2でjQueryを使用する
の編集
https://yassu.jp/pukiwiki/?Magento2%A4%C7jQuery%A4%F2%BB%C8%CD%D1%A4%B9%A4%EB
[
トップ
] [
編集
|
差分
|
履歴
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
(no template pages)
[[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ファイルの読み込み]]も参考にして下さい。
タイムスタンプを変更しない
[[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ファイルの読み込み]]も参考にして下さい。
テキスト整形のルールを表示する
