Нажатие на кнопку «добавить в корзину» отключена

У меня есть кнопка в 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')); } });