我有一个TS脚本，这是一个组合数学为我的学习主题。
我使用jQuery来简化DOM事件处理。
在npm中，我安装了所有的依赖项，构建很好-没有错误。
main.ts

import * as $ from 'jquery';
import {Totalizator} from "./totalizator/totalizator";

$(() => {
    new Totalizator($('#totalizator'), 42, 5);
});

totalizator.ts

import * as $ from 'jquery';

const classes = {
    number: 'number'
};

const selectors = {
    number: `.${classes.number}`,
    numbersTable: '#totalizatorNumbersTable',
    chosenNumbersTable: '#totalizatorChosenNumbersTable'
};

export class Totalizator {
    private $container: JQuery;

    private readonly numbers: number;
    private readonly choices: number;

    constructor($container: JQuery, numbers: number, choices: number) {
        this.$container = $container;
        this.numbers = numbers;
        this.choices = choices;

        this.printNumbersTable();
        this.printChosenNumbersTable();

        // this is working, I can see on console, there is a jQuery object
        console.log(this.$container);

        // but this is not working
        $(this.$container).on(`${selectors.numbersTable} ${classes.number}`, 'click', (event) => {
            console.log(event);
        });
    }
}

当我点击“数字”时，应该有一个事件被激发，为什么没有呢？
注：totalizator.ts是简化的。我只包含构造函数，其余的代码并不重要，只打印HTML。
基本的jQuery看起来是这样的，但是在我的TS中，无论我写什么，它都不工作：

$('#totalizator').on('#totalizatorNumbersTable .number', 'click', (event) => {
    console.log(event);
});