Javascript Jquery，在条件上追加li

正在尝试设置将幻灯片添加到shopify中的flexslider 2

打开一个线程，其中指出了一些语法错误。修复了它们，但从那以后没有收到任何回复，我真的需要让它运行起来。所以，这里是第二次尝试

基本上，这个想法是，如果变量等于从shopify设置中获取的另一个变量，那么脚本会在li后面添加一张幻灯片。如果没有，什么也不会发生

我和他们在JQ的时候一样傻。有人能指出我的错误吗

谢谢

$(document).ready(function(){
var show = "block" ;
var showsetting1 = "{{ settings.mainslide_display1 }}" ;

if (showsetting1 === show)
{
$(".flexslider ul").append('<li class="slider-image1 slideswidth"><img src="{{ 'slider-image-1.jpg' | asset_url }}">');
}
else {}
});

$（文档）.ready（函数（）{
var show=“block”；
var showsetting1=“{{settings.mainsiled_display1}”；
如果（显示设置1==显示）
{
$（“.flexslider ul”）.append（“
”）；
}
else{}
});

您的img元素和li元素上缺少结束标记 您还可以安全地删除else条件

$(document).ready(function(){
    var show = "block",
        showsetting1 = "{{ settings.mainslide_display1 }}" ;

    if (showsetting1 === show)
    {
        $(".flexslider ul").append ('<li class="slider-image1 slideswidth"><img src="{{ 'slider-image-1.jpg' | asset_url }}" /></li>'); // You are missing closing tag on img and li
    } // the else condition is not necessary as it does nothing
});

$（文档）.ready（函数（）{
var show=“block”，
showsetting1=“{settings.mainsile_display1}}”；
如果（显示设置1==显示）
{
$（“.flexslider ul”）.append（“
”）；//img和li上缺少结束标记
}//else条件不是必需的，因为它不起任何作用
});

根据，如果您将Javascript的文件扩展名设为.js.liquid（同样，css的文件扩展名为.css.liquid），则只能在Javascript中使用liquid语法。如果您更改javascript文件的扩展名，它应该正确解析液态语法，而不是将其作为编写的字符串进行计算。

为什么为空

或者
？显然，您的条件从来都不是真的，因为您刚才设置了它们。另外，showsetting1如何与show相等？它们是两个常量字符串，您显式地将它们设置为不同的值。正如Paul Roub所说，showsettings1可能被设置为模板值。我在append语句中看到的问题是“append”和第一个括号之间有一个空格。您是否收到任何js错误，或者什么都没有发生？你确定你的html是正确的吗？（即，您有一个类名为“flexslider”的容器元素，其中有一个ul元素）这看起来像是使用chrome的开发工具之类的工具轻松调试的东西。