Bootstrap 3'teki "data-target" özelliği nedir?

data-targetBootstrap 3 tarafından kullanılan özniteliğin arkasındaki sistem veya davranışın ne olduğunu bana söyleyebilir misiniz ?

Data-toggle'ın, grafiksel işlevselliğin Bootstrap API JavaScript'ini hedeflemek için kullanıldığını biliyorum.

data-targetbootstrap tarafından hayatınızı kolaylaştırmak için kullanılır. Önceden hazırlanmış JavaScript bileşenlerini kullanmak için (çoğunlukla) tek bir Javascript satırı yazmanıza gerek yoktur .

data-targetNitelik HTML Element noktaları değişecektir bir CSS seçici içermelidir.

BS3'ten Modal Örnek Kod :

<!-- 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>

Bu örnekte, data-target="#myModal"üzerine tıklarsanız düğme <div id="myModal">...</div>değiştirilecektir (bu durumda soluklaşacaktır). Bunun nedeni #myModal, CSS seçicilerinin değer idile bir niteliğe sahip öğelere işaret myModaletmesidir.

HTML5 "data-" özelliği hakkında daha fazla bilgi: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Geçiş, Bootstrap'e ne yapacağını söyler ve hedef Bootstrap'e hangi öğenin açılacağını söyler. Dolayısıyla, böyle bir bağlantıya tıklandığında, "basicModal" kimliğine sahip bir modal görünecektir.