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

Posted 2021-05-03

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

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

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

有什么办法，我可以使用此按钮创建任何ID吗？还是我可以在javascript或php端的click事件上使用此按钮的任何方式？

答案

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