Javascript jquery:can'；不附加条件

几天前也有同样的问题。这次写的代码记住了我上次出错的地方。不再工作了。。。提前回答其中一个问题。{{}内的代码是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>" ); }
});

$（文档）.ready（函数（）{
var$soicon1='{{settings.soc1_brand}}'；
如果（$soicon1=='facebook'）
{$（“.soctransition1”）.append（“”；}
else if（$soicon1=='twitter'）
{$（“.soctransition1”）.append（“”；}
否则如果（$soicon1=='youtube'）
{$（“.soctransition1”）.append（“”；}
否则，如果（$soicon1=='instagram'）
{$（“.soctransition1”）.append（“”；}
else if（$soicon1=='pinterest'）
{$（“.soctransition1”）.append（“”；}
});

试试这个：

$(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>" ); }
});

$（文档）.ready（函数（）{
var soicon1='{settings.soc1_brand}}'；
如果（soicon1==='facebook'）
{$（“.soctransition1”）.append（“”；}
else if（soicon1==='twitter'）
{$（“.soctransition1”）.append（“”；}
否则如果（soicon1==='youtube'）
{$（“.soctransition1”）.append（“”；}
否则，如果（soicon1=='instagram'）
{$（“.soctransition1”）.append（“”；}
else if（soicon1==='pinterest'）
{$（“.soctransition1”）.append（“”；}
});

我改变的是：

• 从变量

  soicon1

• 将

  =

  更改为

  =

• 解决了类似于

  “”

---

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

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

那么它是如何呈现的呢？你也有嵌套的双引号！我在控制台中的参数列表后得到了

SyntaxError:missing），因为未替换的引号。这是一个相关的错误…基本上，什么都没有。没有附加代码。这可能是因为双引号吗？我不熟悉jqt语法错误将阻止解析整个脚本块。代码根本不会运行。那么
{{settings.soc1_brand}}
的内容肯定有问题，因为当我用硬编码的
facebook
替换它时，它会工作。或者它确实工作，但结果并不明显，因为
没有。源中没有图标标记。shopify代码也很好。只是试着在标题中附加那个条件。它附加了标记，但由于某些原因没有样式。尽管有些东西可以覆盖它们。根据我的经验，动态附加/创建的元素不会出现在“传统”源代码中。如果您使用的是Google Chrome，请右键单击并选择“检查元素”。您会发现
您能为
{{settings.soc1_brand}}
变量提供示例数据吗？