Jquery，在条件上追加li

Jquery, append li on condition

本文关键字：追加 li 条件 Jquery      更新时间：2023-09-26

尝试设置在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 {}
});

根据Shopify论坛上的这个帖子，如果你把他们的文件扩展名为.js，你只能在Javascript中使用液态语法。Liquid(和.css。液体，同样，用于CSS)。如果您更改了javascript文件的扩展名，它应该正确解析液态语法，而不是将其作为写入的字符串进行评估。

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
});
相关文章：