javascript 如何在自定义元素或按钮widget上触发事件?

oaxa6hgo  于 2023-01-24  发布在  Java
关注(0)|答案(2)|浏览(156)

我有一个需求,我需要创建一个自定义的小部件元素。我将有两个文本字段和一个按钮,当我点击按钮。我必须触发一个事件。
但是,当我尝试使用此代码创建按钮时,在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端?

b09cbbtk

b09cbbtk1#

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

km0tfn4u2#

你也可以用javascript调用它(不使用jquery),如下所示:

<script>
    if (elementorFrontend.isEditMode()) {            
     elementor.channels.editor.on('namespace:editor:submit', () => { 
         alert('Hello Elementor') ; 
     });
    }   
</script>

相关问题