我在Woocommerce中有一个按钮，可以添加到购物车中。只有在已选择相关选项的情况下，它才会明智地添加到购物车中。在此之前，该按钮处于禁用状态：

<button class="single_add_to_cart_button button alt" type="submit"
    disabled="disabled" 
    title="Select product options before adding this product to your cart."
    >Add to cart</button>

默认情况下，单击button, 因为它是禁用的，但它可能会让用户感到困惑，因为没有反馈。

我想做的是title 发生这种情况时弹出警报。

我尝试了以下jQuery函数，添加到主题的自定义脚本选项中：

(function($) {
  "use strict";
  jQuery("button.single_add_to_cart_button[type=submit]").click(function(){
    var isDisabled = jQuery(this).is(\':disabled\');
    if (isDisabled){
      alert(jQuery("button.single_add_to_cart_button[type=submit]").attr(\'title\'));
    }
  });
})(jQuery);

但不会触发任何内容，也不会发出警报。我还尝试更换jQuery 具有$, 但这行不通。

UPDATE还尝试了以下操作：

  jQuery(".variations_button").on("button.single_add_to_cart_button[type=submit]","click", function(){
        var isDisabled = jQuery(this).is(\':disabled\');
    if (isDisabled){
      alert(jQuery("button.single_add_to_cart_button[type=submit]").attr(\'title\'));
    }
  });