如果此屬性值用引號引起來，則引號必須匹配錯誤

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>">