单击按钮时的自定义 WooCommerce 通知消息答案

【问题标题】：Custom WooCommerce notice message when clicked on a button单击按钮时的自定义 WooCommerce 通知消息
【发布时间】：2018-07-19 05:48:01
【问题描述】：

当用户单击具有关联 ID 的按钮时，有什么方法可以显示自定义 wc_add_notice() 消息？一些我可以在我的functions.php中使用的sn-p代码。

例如，在订单部分我有“取消订单”按钮：

<a href="..." id="cancel-order" class="woocommerce-button button">Cancel Order</a>

我想在用户点击按钮时显示 woocommerce-info 通知，例如当用户将商品添加到购物车并且 WooCommerce 显示成功通知消息时。

【问题讨论】：

如果你想在用户点击按钮后直接添加通知而不重新加载页面，我建议使用 javascript ;)
这个问题太模糊了，应该包括你用来输出那个按钮的代码……否则这个问题就不清楚和可行。没有人猜不出你已经拥有了什么……
刚刚更新了我的问题以使其更清楚。谢谢！

标签： wordpress woocommerce

【解决方案1】：

add_action( 'wp_footer', 'extra_js_footer' );
function extra_js_footer() {
    $messages = array(
        'first_id' => '<p>message html</p>', 
        'secondid' => '<p>message html2</p>', 
    );

    $msg_json = json_encode($messages);
    echo '<script> var msgArr = '.$msg_json.';';
    echo 'jQuery.noConflict(); (function(  ) { $(function() { ';
    echo ' $.each(msgArr, function(k, v) {';
    echo '$("#"+k).on("click", function(){ alert(v)})';
    echo ' );';
    echo ' }); })(jQuery);';
    echo '</script>;
}

而不是警报应该是向文档附加内容的功能，但你可以自己弄清楚，如果这有一些错误（动态运行）

【讨论】：

感谢您的解决方案，但我想利用 wc_add_notice() 显示 woocommerce-info 通知消息。