添加javascript导致无法在网站上显示div

我有一个选择字段（'5f01264e722ae'），我想用它来更改文本打印的颜色（'sw_poster_text2'）。在另一位成员的帮助下，我上传了下面的脚本。但是，只要我从

.change

功能中撤消

/

，我的网站就不再显示要打印的打印图像，然后选择选项。你知道怎么解决这个问题吗？以下是工作页面的链接：

谢谢你的帮助

jQuery（文档）.ready（函数（）{
var fieldId=“5f0124e773aa8”；//更改此值
var defaultText=“我的名字”；//更改此选项
如果（！jQuery（'input[data field id=“”+fieldId+””）.length）
返回；
var$el=jQuery（“”）.html（defaultText）；
$el.appendTo（jQuery（'.woocommerce产品库——带图片'）；
jQuery（document）.on（'change keyup'，'input[data field id=“”+fieldId+””），function（）{
var v=jQuery（this）.val（）| | defaultText；
jQuery（'.sw_poster_text2'）.html（v）；
}).触发（“变更”）；
//$（“选择[数据字段id='5f01264e722ae']）。更改（函数（）{
//var color=$（this）.find（'option:selected'）.data（'wapf-label'））
//$（.sw_poster_text2”）.css（“颜色”，颜色）；
//});
});

您可以将脚本的注释部分更改为以下内容：

jQuery("select[data-field-id='5f01264e722ae']").change(function() {
    var color = jQuery(this).find('option:selected').data('wapf-label')
    jQuery(".sw_poster_text2").css("color", color);
});

或者，如果您选择$访问jQuery，您可以在回调中引用它

jQuery（文档）.ready（函数（$）{
var fieldId=“5f0124e773aa8”；//更改此值
var defaultText=“我的名字”；//更改此选项
如果（！jQuery（'input[data field id=“”+fieldId+””）.length）
返回；
var$el=jQuery（“”）.html（defaultText）；
$el.appendTo（jQuery（'.woocommerce产品库——带图片'）；
jQuery（document）.on（'change keyup'，'input[data field id=“'+fieldId+””），function（）{
var v=jQuery（this）.val（）| | defaultText；
jQuery（'.sw_poster_text2'）.html（v）；
}).触发（“变更”）；
$（“选择[数据字段id='5f01264e722ae']）。更改（函数（）{
var color=$（this）.find（'option:selected'）.data（'wapf-label'））
$（.sw_poster_text2”）.css（“颜色”，颜色）；
});  
});

jQuery(document).ready(function($) {
    
    var fieldId = "5f0124e773aa8"; // Change this
    var defaultText = "my name"; // Change this
    
    if(!jQuery('input[data-field-id="'+fieldId+'"]').length)
        return;
        
    var $el = jQuery('<div class="sw_poster_text2">').html(defaultText);
    $el.appendTo(jQuery('.woocommerce-product-gallery--with-images'));
    
    jQuery(document).on('change keyup','input[data-field-id="'+fieldId+'"]',function(){
        var v = jQuery(this).val() || defaultText;
        jQuery('.sw_poster_text2').html(v);
        
    }).trigger('change');
    $("select[data-field-id='5f01264e722ae']").change(function() {
        var color = $(this).find('option:selected').data('wapf-label')
        $(".sw_poster_text2").css("color", color);
    });  
});