この属性値が引用符で囲まれている場合は、引用符はエラーと一致する必要があります

Question

サムネイルでレスポンシブイメージスライダを設計しようとしています。 ここにコードがあります。属性data-cycle-pager-templateにそのspanタグを追加する際に、この属性の値は引用符で囲まれている場合

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

、私は

としてエラーを取得していますが、引用符が一致している必要がありますマーク

なぜそれは？前もって感謝します。

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