Czy możesz mi powiedzieć, jaki system lub zachowanie kryje się za data-target
atrybutem używanym przez Bootstrap 3?
Wiem, że przełącznik danych służył do kierowania JavaScript w API Bootstrap do funkcji graficznych.
źródło
Czy możesz mi powiedzieć, jaki system lub zachowanie kryje się za data-target
atrybutem używanym przez Bootstrap 3?
Wiem, że przełącznik danych służył do kierowania JavaScript w API Bootstrap do funkcji graficznych.
data-target
jest używany przez bootstrap, aby ułatwić Ci życie. W większości przypadków nie musisz pisać ani jednej linii kodu JavaScript, aby korzystać z gotowych komponentów JavaScript .
Plik data-target
Atrybut powinien zawierać selektora CSS że punkty do elementu HTML, który zostanie zmieniony.
<!-- 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>
W tym przykładzie przycisk ma data-target="#myModal"
, jeśli go klikniesz, <div id="myModal">...</div>
zostanie zmodyfikowany (w tym przypadku wyblakły). Dzieje się tak, ponieważ #myModal
selektory CSS wskazują na elementy, które mają id
atrybut z myModal
wartością.
Więcej informacji na temat atrybutu „data-” HTML5: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
data-target
akceptuje selektor CSS wskazujący na odpowiedni element.Przełącznik mówi Bootstrapowi, co ma zrobić, a cel mówi Bootstrapowi, który element zostanie otwarty. Dlatego za każdym razem, gdy zostanie kliknięty taki link, pojawi się modal z identyfikatorem „basicModal”.
źródło