Question

我正在尝试使用缩略图设计“响应式图像”滑块。这是代码。

 <div class="cycle-slideshow"
     data-cycle-timeout=0
     data-cycle-pager="#pager2"
     data-cycle-pager-template="<span><img src={{firstChild.src}}/></span>"

>
    <span class="cycle-pager"></span>
    <span class="cycle-prev">&#9001;</span>
    <span class="cycle-next">&#9002;</span>
    <img src="Images/BackgroundAlternate.jpg" />
    <img src="Images/LogOut.jpg" />
    <img src="Images/BackgroundAlternate1.jpg" />
    <img src="Images/BackgroundAlternate2.jpg" />
    <img src="Images/BackgroundAlternate.jpg" />

</div>

将span标记添加到属性data-cycle-pager-template时，我收到错误

如果此属性值用引号括起来，则引号必须匹配

为什么？提前谢谢。

Answer 1

将单引号添加到属性data-cycle-pager-template中的img src，并让firstChild.src的值绑定到没有任何引号的源：

<div class="cycle-slideshow"
     data-cycle-timeout=0
     data-cycle-pager="#pager2"
     data-cycle-pager-template="<span><img src='{{firstChild.src}}'/></span>">

如果此属性值包含在引号中，则引号必须与错误匹配

1 个答案: