添加 jquery 到管理面板内的 Magento 页面 [所见即所得编辑器]

Question

如何在 magento2 页面中添加 jQuery 代码？例如，我有一个“联系我们”页面。所以我可以通过

编辑联系我们页面中的内容

登录管理面板

admin -> content -> Pages -> Contact us

我想添加一些 jQuery 代码。

所以我写

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
  <script>
   jQuery(function($){
    $(".mybox").on("click", function(){
             MY CODE *******
       });
 });
</script>

这里的问题是：我必须调用 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">

否则不行。我该如何解决这个问题？

即。 如何在所见即所得编辑器中添加 jquery 代码

Answer 1

Magento 2 使用 Require js

尝试使用

<script>
require([
    'jquery'

], function ($) {
    $(".mybox").on("click", function () {
        console.log('your code starts here');

        console.log('your code ends here');
    });
});
</script>

添加 jquery 到管理面板内的 Magento 页面 [所见即所得编辑器]

Add jquery to Mganto pages inside admin panels [wysiwig editor]

magento

magento-1.8

magento2