古腾堡-自定义块onClick不起作用？

我正在尝试为古腾堡编辑器开发一个自定义块。我试图显示一个按钮并调用一个web服务，然后将用户重定向到返回的URL。有人能帮我解释一下为什么没有调用我的click handler函数吗？

wp.blocks.registerBlockType(\'brad/border-box\', {
    title: \'Simple Box\',
    icon: \'smiley\',
    category: \'common\',
    attributes: {
        content: {type: \'string\'},
},

/* This configures how the content and color fields will work, and sets up the necessary elements */

edit: function (props) {
    function updateContent(event) {
        props.setAttributes({content: event.target.value})
    }

    return React.createElement(
        "div",
        null,
        React.createElement(
            "h3",
            null,
            "Simple Box"
        ),
        React.createElement("input", {type: "number", value: props.attributes.content, onChange: updateContent}),
    );
},


save: function (props) {
    function clickHandler(event) {
        alert(\'clicked\')
    }

    return wp.element.createElement(
        "button",
        {style: {padding: \'4px\', border: \'2px solid black\'}, onClick: {clickHandler}},
        "Click On Me"
    );
}
})

(function($) { $(document).ready(function(){ // Add a click handler to just these buttons $(\'button.clicker\').on(\'click\', clickHandler); // Define the clickHandler function, as before function clickHandler(event) { alert(\'clicked\') } }); })(jQuery);

add_action(\'init\', \'wpse_add_front_end_clicker_script\'); function wpse_add_front_end_clicker_script() { wp_enqueue_script( \'clicker\', plugins_url(\'clicker.js\', __FILE__), array(\'jquery\'), filemtime( plugin_dir_path( __FILE__ ) . \'clicker.js\' ), true ); }

相关推荐