Wenn dieser Attributwert in Anführungszeichen eingeschlossen ist, müssen die Anführungszeichen mit dem Fehler

Question

übereinstimmen. Ich versuche, einen Responsive Image-Schieberegler mit Miniaturansichten zu erstellen. Hier ist der Code.

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

während das span-Tag zu dem Attribut data-cycle-pager-template, erhalte ich einen Fehler als

wenn dieser Attributwert in Anführungszeichen eingeschlossen ist, markiert die Anführungszeichen

übereinstimmen Warum ist das? Danke im Voraus.

Answer 1

Apostrophe zum img src hinzufügen im Attribute data-cycle-pager-template und den Wert von firstChild.src bindet an eine Quelle ohne Anführungszeichen lassen:

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