Javascript Jquery不处理Woocommerce产品变体描述

我有两个wooCommerce产品变体下拉列表：范围和纹理。用户必须从下拉列表及其在PHP中的回声中选择一个选项。默认情况下，这些值设置为空，并且在其值填充为值时。它在css中产生了问题。因此，当本节中显示值时。我想改变的CSS的

它在JsFiddle上运行良好 但不是在我的Wordpress网站上

var$=jQuery.noConflict； var范围=$'pa_范围'； var纹理=$'pa_纹理'； var checkSelection=函数{ var rangeSelected=$pa_范围选项：已选择[0]； var textureSelected=$pa_纹理选项：已选择[0]； 如果rangeSelected.index&&textureSelected.index{ $'p.cdesc'.text'Range:'+rangeSelected.value+'Texture:'+textureSelected.value； }否则{ $'p.cdesc'。文本； } 如果$'p.cdesc'.is'：空{ $.tooltip-help.css{ 利润上限：45像素 }; }否则{ $.tooltip-help.css{ 利润上限：145px }; } } range.changecheckSelection； 纹理选择；

范围 选择一个选项… 自粘 纹理 选择一个选项… 帆布 棉 平整的

---

Wordpress jquery格式与常规jquery不同，请参见此处 更新代码如下：

jQuery(document).ready(function( $ ) {

    var $ = jQuery.noConflict();

    var range = $('#pa_range');
    var texture = $('#pa_texture');

    var checkSelection = function() {
      var rangeSelected = $("#pa_range option:selected")[0];
      var textureSelected = $("#pa_texture option:selected")[0];

      if (rangeSelected.index && textureSelected.index) {
        $('p.cdesc').text('Range:' + rangeSelected.value + ' Texture:' + textureSelected.value);
      } else {
        $('p.cdesc').text('');
      }

      if ($('p.cdesc').is(':empty')) {
        $(".tooltip-help").css({
          "margin-top": "45px"
        });
      } else {
        $(".tooltip-help").css({
          "margin-top": "145px"
        });
      }
    }

    range.change(checkSelection);
    texture.change(checkSelection);

});

---

Wordpress jquery格式与常规jquery不同，请参见此处 更新代码如下：

jQuery(document).ready(function( $ ) {

    var $ = jQuery.noConflict();

    var range = $('#pa_range');
    var texture = $('#pa_texture');

    var checkSelection = function() {
      var rangeSelected = $("#pa_range option:selected")[0];
      var textureSelected = $("#pa_texture option:selected")[0];

      if (rangeSelected.index && textureSelected.index) {
        $('p.cdesc').text('Range:' + rangeSelected.value + ' Texture:' + textureSelected.value);
      } else {
        $('p.cdesc').text('');
      }

      if ($('p.cdesc').is(':empty')) {
        $(".tooltip-help").css({
          "margin-top": "45px"
        });
      } else {
        $(".tooltip-help").css({
          "margin-top": "145px"
        });
      }
    }

    range.change(checkSelection);
    texture.change(checkSelection);

});

---

这也无济于事。不工作检查链接一次并从纹理和范围中选择选项，它将在顶部显示产品说明，这将为名为“帮助”的部分造成问题，当显示产品描述时，这应该在同一行。这也没有帮助。不工作请检查链接一次并从纹理和范围中选择选项，它将在顶部显示产品描述，这将为名为“帮助”的部分产生问题，当显示产品描述时，这应该在同一行。