Jquery,在条件上追加li
Jquery, append li on condition
尝试设置在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
});
相关文章:
- 表追加而不附加最后一个元素
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 更改li标记文本的Javascript
- 完全可链接的li元素
- 使用jquery动态创建ul-li
- tiltSlider播放/暂停视频元素(如果li有当前类)
- 如何在jquery中停止在更改时追加值
- 使用下拉列表筛选列表(ul>li)
- 在bootstrap中显示隐藏特定的li
- JQuery.on(“keydown”)追加到页面时不工作
- AngularJS Navigation (li ng-repeat, create header li), DOM
- jQuery[button.class]未检测到用按钮追加行
- 使用Jquery在li内部获取具有特定文本的锚点
- 隐藏/显示包含单词的ul li项目.但只能入住李的子女
- 如何将onclick事件追加到li类中
- 使用appendChild将li追加到ul
- 使用JsonML将数组元素追加到li's
- Jquery,在条件上追加li
- JQuery克隆li+子级,更新文本(在子标记中),并追加