Thuộc tính `data-target` trong Bootstrap 3 là gì?

Bạn có thể cho tôi biết hệ thống hoặc hành vi đằng sau data-targetthuộc tính được Bootstrap 3 sử dụng là gì không?

Tôi biết rằng chuyển đổi dữ liệu được sử dụng để nhắm mục tiêu API JavaScript của Bootstrap về chức năng đồ họa.

data-targetđược bootstrap sử dụng để giúp cuộc sống của bạn dễ dàng hơn. Bạn (hầu hết) không cần phải viết một dòng Javascript để sử dụng các thành phần JavaScript được tạo sẵn của chúng .

Các data-targetthuộc tính nên chứa một chọn CSS trỏ đến mã HTML phần tử sẽ được thay đổi.

Mã mẫu phương thức từ 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>

Trong ví dụ này, nút data-target="#myModal", nếu bạn nhấp vào nó, <div id="myModal">...</div>sẽ được sửa đổi (trong trường hợp này là mờ dần). Điều này xảy ra bởi vì #myModaltrong các bộ chọn CSS trỏ đến các phần tử có idthuộc tính với myModalgiá trị.

Thông tin thêm về thuộc tính "data-" HTML5: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Nút chuyển đổi cho Bootstrap biết phải làm gì và mục tiêu cho Bootstrap biết phần tử nào sẽ mở. Vì vậy, bất cứ khi nào một liên kết như vậy được nhấp vào, một phương thức có id là “basicModal” sẽ xuất hiện.