แอตทริบิวต์ "data-target" ใน Bootstrap 3 คืออะไร?

คุณช่วยบอกได้ไหมว่าระบบหรือพฤติกรรมเบื้องหลังdata-targetแอตทริบิวต์ที่ Bootstrap 3 ใช้คืออะไร?

ฉันรู้ว่า data-toggle ใช้เพื่อกำหนดเป้าหมาย API JavaScript ของ Bootstrap ของฟังก์ชันกราฟิก

data-targetbootstrap ใช้เพื่อทำให้ชีวิตของคุณง่ายขึ้น คุณ (ส่วนใหญ่) ไม่จำเป็นต้องเขียนบรรทัดเดียวของ JavaScript เพื่อใช้ของพวกเขาที่ทำไว้ล่วงหน้าส่วนประกอบ JavaScript

data-targetแอตทริบิวต์ควรมีตัวเลือก CSS ที่ชี้ไปยังองค์ประกอบ HTML ที่จะมีการเปลี่ยนแปลง

รหัสตัวอย่าง Modal จาก 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>

ในตัวอย่างนี้data-target="#myModal"หากคุณคลิกปุ่ม<div id="myModal">...</div>จะได้รับการแก้ไข (ในกรณีนี้จะจางลง) สิ่งนี้เกิดขึ้นเนื่องจาก#myModalในตัวเลือก CSS ชี้ไปที่องค์ประกอบที่มีidแอตทริบิวต์พร้อมmyModalค่า

ข้อมูลเพิ่มเติมเกี่ยวกับแอตทริบิวต์ "data-" ของ HTML5: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

การสลับจะบอก Bootstrap ว่าต้องทำอะไรและเป้าหมายจะบอก Bootstrap ว่าจะเปิดองค์ประกอบใด ดังนั้นเมื่อใดก็ตามที่มีการคลิกลิงก์แบบนั้นโมดอลที่มี id ของ“ basicModal” จะปรากฏขึ้น