Question

默认情况下，“立即购买”按钮被禁用。页面加载时也需要这个

当我们选择“平板”时，启用“立即购买”按钮。
当我们选择“挂起”后，请禁用“立即购买”按钮；如果选择“边距”选项，则禁用“立即购买”按钮。
但是，当用户单击DOOR HANDLING中的任何选项时，请启用“立即购买”按钮。

问题：

我已经使用jquery完成了这项工作。我的jQuery在谷歌检查元素控制台中工作。但是在shopify主题临时文件中，jquery可以工作，但很少见。我尝试了很多次。

屏幕截图：

我的jquery代码：

   $(document).ready(function () {
    $('input[name="properties[DOOR OPTION]"]').on('input change', function 
      () {
        if ($(this).val() != 'Pre-Hung') {
          alert('ggg');
            $('.add_to_cart').prop('disabled', false);
        }
        else
        {
          $('.add_to_cart').prop('disabled', true);
        }
    });
  $('input[name="properties[DOOR HANDING]"]').on('input change', function () 
   {
        $('.add_to_cart').prop('disabled', false);
    });
 });

Answer 1

您两次绑定更改事件，但效果相反。我不了解Shopify，也不确定您的意图，但我想您应该从以下内容开始：

$(document).ready(function () {
  $('body').on('input change','input[name="properties[DOOR OPTION]"]', 
    function() {
      $('.add_to_cart').prop('disabled',$(this).val() != 'Pre-Hung');
    });
 });

在Shopify Parallex主题中应用Jsvascript，但脚本无法正常运行

1 个答案: