JQuery 下拉选择器脚本不会持续更改

问题描述

我设置为在 load 上运行的 jQuery 脚本似乎存在结构问题（使用 jQuery 的 Shopify 主题），我无法解决它以在 change 上持续存在。我有一个下拉列表，在加载时显示选项中的附加消息：

window.addEventListener('load',function() {
   {% for variant in product.variants %}    
      $(".tt-wrapper .form-default .form-group .form-control option").each(function(){
          {% if variant.inventory_quantity > 0 %}
               if ($(this).val() == '{{ variant.title }}') {
                  $(this).append('<p> (wait less)</p>');
              }
         {% else %}
               if($(this).val() == '{{ variant.title }}') {
                  $(this).append('<p> (wait more) </p>');
              }
         {% endif %} 
    
    {% endfor %}
  })
})

问题在于，当它更改为另一个选项时，附加的更改就会消失。我使用 jQuery multiple events to trigger the same function 作为解决此问题的指南，但该结构似乎完全取消了 jQuery。

$(".tt-wrapper .form-default .form-group .form-control option").change(function(e) {    
  e.preventDefault();
})

虽然我知道这由于在 'load' 事件范围内而不起作用，但我在解决如何在这种情况下管理持久性时遇到了很多麻烦 - jQuery 似乎无法识别我的事件我试图传入，并重组原始文件只会杀死原始附加文件，这就是我首先要保留的内容。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）