Dapatkah anda memberitahu saya apa sistem atau perilaku balik data-target
atribut yang digunakan oleh Bootstrap 3?
Saya tahu bahwa data-toggle digunakan untuk mengarahkan API JavaScript Bootstrap grafis fungsi.
data-target
digunakan oleh bootstrap untuk membuat hidup anda lebih mudah. Anda (sebagian besar) tidak perlu menulis satu baris Javascript untuk menggunakan pra-dibuat JavaScript komponen.
Data-target
atribut harus berisi CSS selector yang menunjuk ke Elemen HTML yang akan diubah.
<!-- 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>
Dalam contoh ini, tombol data-target="#myModal"
, jika anda klik di atasnya, <div id="myModal">...</div>
akan dimodifikasi (dalam hal ini memudar dalam).
Hal ini terjadi karena #myModal
di CSS poin untuk unsur-unsur yang memiliki id
atribut dengan myModal
nilai.
Informasi lebih lanjut tentang HTML5 "data-" atribut: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes