Qual è l'attributo `data-target` in Bootstrap 3?

Puoi dirmi qual è il sistema o il comportamento dietro l' data-targetattributo utilizzato da Bootstrap 3?

So che il data-toggle era utilizzato per mirare all'API JavaScript di Bootstrap della funzionalità grafica.

data-targetviene utilizzato da bootstrap per semplificarti la vita. (Principalmente) non è necessario scrivere una singola riga di JavaScript per utilizzare i componenti JavaScript predefiniti .

L' data-targetattributo dovrebbe contenere un selettore CSS che punta all'elemento HTML che verrà modificato.

Codice di esempio modale da BS3 :

<!-- 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 questo esempio, il pulsante ha data-target="#myModal", se si fa clic su di esso, <div id="myModal">...</div>verrà modificato (in questo caso sfumato). Ciò accade perché #myModalnei selettori CSS punta agli elementi che hanno un idattributo con il myModalvalore.

Ulteriori informazioni sull'attributo "data-" HTML5: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

L'interruttore dice a Bootstrap cosa fare e il target dice a Bootstrap quale elemento sta per aprire. Quindi, ogni volta che si fa clic su un collegamento del genere, verrà visualizzato un modale con un ID "basicModal".