javascript - 如何禁用 Bootstrap 上的按钮？

Question

这是我的网站“Drupal 8”和“Drupal Commerce 2”：

https://www.s1biose.com/produit/savon-artisanal-bio-la-cannelle

我想禁用“添加到购物车”按钮。所以我在我的主题的 JS 文件中添加了以下代码：

(function ($) {

  $('.commerce-order-item-add-to-cart-form .btn').prop("disabled", true);

})(window.jQuery);

它有效，但有一个问题。

当我更改产品的变体时，按钮会激活。为什么 ？

我希望他成为残疾人。

在这个屏幕截图上它有效：

在此处输入图像描述

在此屏幕截图中，当我更改产品的变体（不重新加载页面）时，禁用的类消失了：

在此处输入图像描述

标签： javascriptcsstwitter-bootstrapdrupal

Answer 1

可能是 ajax 更新它，我会将您的代码添加到 Drupal 行为中（行为在 ajax 之后加载）：

(function ($) {
  'use strict';

  Drupal.behaviors.commerceDisableAjax = {
    attach: function (context, settings) {
      $('.commerce-order-item-add-to-cart-form .btn').prop("disabled", true);    
    }
  };

}(jQuery));