Javascript Js事件在Elementor插件中不起作用

我正在为WordPress媒体库编写一个扩展，我需要在媒体库中添加一个按钮，单击该按钮将打开一个模式窗口，用户可以从中选择图片

看到截图了吗

目前，在使用Elementor插件编辑页面时，当库打开时单击按钮时，事件不会触发。 JS文件包括如下内容

public function registerAssets()
{
    //add_action('admin_enqueue_scripts', [$this, 'scripts']);
    add_action('wp_enqueue_scripts', [$this, 'scripts']);
}

public function scripts()
{
    wp_register_script( 'cbi-index-js', SCRIPTS_URI . 'index.js', [ 'elementor-frontend' ], '1.0.0', true );
    wp_enqueue_script('cbi-index-js');
}

在管理区域中，一切都正常工作，但在Elementor中，问题可能出在名称空间中

JS文件

jQuery(document).ready(function ($){
  $('#db-upload-btn').on('click', function (e){
      alert(111)
  })
})
$('#db-upload-btn').on('click', function (e){
    alert(222)
})
console.log(333)

如您所见，我还将console.log（333）输出到控制台，当我在Elementor面板中重新加载页面时，333被输出到控制台，这表明文件已连接，但为什么当我单击按钮时处理程序不工作，我仍然可以弄清楚

---

有人能帮我吗？

请用“jQuery”重新拼出代码中的所有“$”字符，然后重试

我替换了它，但没有任何更改，例如，在管理面板中，单击此按钮，事件被触发。我不明白Elementor是如何工作的，在什么时候，或者在什么钩子上，这个脚本需要连接才能使事件工作。你能给我发送那个页面的链接吗？它的本地主机。js文件是100%连接的，在编辑页面上，如果打开页面的源代码，那么该文件将显示在那里，并且连接正确。