Javascript 未触发

Question

我想在点击 class subcat-tab 时触发 js 功能，但似乎不起作用。我没有收到任何错误消息，但什么也没发生。

我在 Magento 2 的 phtml 文件下。

<a href="#subcat_<?= $subcatId ?>" class="subcat-tab" title="<?= $subcat['label'] ?>" data-categoryid="<?= $subcatId ?>">

<script type="text/javascript">
    define([
        'jquery'
    ], function ($) {
        console.log("ok");
        $('.subcat-tab').click(function (e) {
            console.log(e);
        }
    });
</script>

Answer 1

试试这个

将“$('.subcat-tab').click(function (e) {”替换为“$('.subcat-tab').on('click',function(e){ “

<script type="text/javascript">
    define([
        'jquery'
    ], function ($) {
        console.log("ok");
        $('.subcat-tab').on('click',function(e){
            console.log(e);
        }
    });
</script>

Answer 2

使用 require 而不是 define 以某种方式修复它，但不知道为什么。

Answer 3

在模板文件中初始化 javascript 时，使用 require 是正确的方法。 define 用于 web/js 文件夹中的 javascript 个文件。

Javascript 未触发

Javascript not triggered

javascript

php

jquery

magento

magento2