¿Puedes decirme cuál es el sistema o el comportamiento detrás del atributo data-target
utilizado por Bootstrap 3?
Sé que data-target utiliza para apuntar a la API JavaScript de Bootstrap de la funcionalidad gráfica.
data-target
es usado por bootstrap para hacer tu vida más fácil. Usted (en su mayoría) no necesita escribir una sola línea de Javascript para utilizar sus [componentes JavaScript] pre-hechos (http://getbootstrap.com/javascript).
El atributo data-target
debe contener un selector CSS que apunte al elemento HTML que será modificado.
Código de ejemplo modal de 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>
En este ejemplo, el botón tiene data-target="#myModal"
, si se pulsa sobre él, se modificará <div id="myModal">...</div>
(en este caso se difuminará).
Esto sucede porque #myModal
en los selectores CSS apunta a elementos que tienen un atributo id
con el valor myModal
.
Más información sobre el atributo "data-" de HTML5: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes