Können Sie mir sagen, welches System oder welches Verhalten hinter dem von Bootstrap 3 verwendeten Attribut data-target steht?Was ist das Attribut "Datenziel" in Bootstrap 3?
Ich weiß, dass Daten-toggle verwendet, um API JavaScript Bootstrap der grafischen Funktionalität zu zielen.
data-target wird von Bootstrap verwendet, um Ihr Leben einfacher zu machen. Sie müssen (meistens) keine einzige Zeile Javascript schreiben, um ihre vorgefertigten JavaScript components zu verwenden.
Das Attribut data-target sollte einen CSS-Selektor enthalten, der auf das HTML-Element zeigt, das geändert wird.
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
[...]
</div>
In diesem Beispiel hat die Taste data-target="#myModal", wenn Sie darauf klicken, wird <div id="myModal">...</div> geändert werden (in diesem Fall eingeblendet). Dies passiert, weil #myModal in CSS-Selektoren auf Elemente zeigt, die ein id-Attribut mit dem Wert haben.
Weitere Informationen über die HTML5 „Data-“ Attribut: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
Der Knebel erzählt Bootstrap was zu tun ist und das Ziel erzählt Bootstrap das Element öffnen wird. Wenn also ein solcher Link angeklickt wird, erscheint ein Modal mit der ID "basicModal".
das ist wie eine Selektor-CSS-Engine und nichts anderes? – darkomen
@miltone - genau, nicht wie. 'data-target' akzeptiert einen CSS-Selektor, der auf das relevante Element zeigt. – PhistucK