Question

几天前有同样的问题。这次编写的代码记住了我上次出错的地方。不再工作......事先回答其中一个问题。 {{}}内的代码是来自设置的shopify数据。

控制台中没有相关错误。

我想要做的是从shopify主题设置中设置一个图标。

这是jquery代码

$(document).ready(function(){
  var $soicon1 = '{{settings.soc1_brand}}';

  if ($soicon1 == 'facebook') 
  { $(".soctransition1").append("<i class="fa fa-facebook"></i>"); }
  else if ($soicon1 == 'twitter') 
  { $(".soctransition1").append("<i class="fa fa-twitter"></i>"); }
    else if ($soicon1 == 'youtube') 
  { $(".soctransition1").append("<i class="fa fa-youtube"></i>"); }
      else if ($soicon1 == 'instagram') 
  { $(".soctransition1").append("<i class="fa fa-instagram"></i>"); }
       else if ($soicon1 == 'pinterest') 
  { $(".soctransition1").append("<i class="fa fa-pinterest"></i>" ); }
});

Answer 1

试试这个：

$(document).ready(function(){ 
    var soicon1 = '{{settings.soc1_brand}}';
    if (soicon1 === 'facebook') 
      { $(".soctransition1").append("<i class='fa fa-facebook'></i>"); }
      else if (soicon1 === 'twitter') 
      { $(".soctransition1").append("<i class='fa fa-twitter'></i>"); }
        else if (soicon1 === 'youtube') 
      { $(".soctransition1").append("<i class='fa fa-youtube'></i>"); }
          else if (soicon1 === 'instagram') 
      { $(".soctransition1").append("<i class='fa fa-instagram'></i>"); }
           else if (soicon1 === 'pinterest') 
      { $(".soctransition1").append("<i class='fa fa-pinterest'></i>" ); }
});

我改变了什么：

从变量soicon1
将==更改为===
在"<i class='fa fa-instagram'></i>"

Answer 2

最后，找到了一个非常简单的解决方案。我没有附加，而是将shopify设置字符串放入图标代码中。

<i class="fa fa-{{settings.soc4_brand}}"></i>

jquery：无法附加条件

2 个答案: