javascript - 如何在自定义元素或按钮小部件上触发事件？

Question

我有一个要求，需要为 Elementor 创建自定义小部件。我将在这个小部件上有两个文本字段和一个按钮，当我单击按钮时。我必须触发一个事件。

但是，当我尝试使用此代码创建按钮时，我没有在 HTML 页面上获得任何按钮 ID。

          'submit_content',
          [
            //'label' => __( 'Submit Content', 'plugin-name' ),
            'type' => \Elementor\Controls_Manager::BUTTON,
            'separator' => 'before',
            'button_type' => 'success',
            'text' => __( 'Submit Product', 'plugin-domain' ),
            'event' => 'namespace:editor:submit',
          ]
        );

有什么办法，我可以用这个按钮创建任何 id 吗？或者我可以通过任何方式在 javascript 或 PHP 端的点击事件中使用此按钮？

Answer 1

jQuery(window).on("elementor/frontend/init", function() {
    elementor.channels.editor.on('namespace:editor:submit', function() {
        console.log('Try this!');
    });
});