Question

尝试在shopify中设置向幻灯片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 {}
});

Answer 1

根据this thread on the Shopify forums，你只能在Javascript中使用液体语法，如果你制作文件扩展名.js.liquid（和.css.liquid，同样，用于CSS）。如果你改变你的javascript文件的扩展名，它应该正确解析流动语法，而不是将其作为一个字符串进行评估。

Answer 2

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

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

Jquery，附加条件

2 个答案: