Bootstrap 3中的data-target屬性是什麼？

Question

你能告訴我Bootstrap 3使用的data-target屬性背後的系統或行爲是什麼？

我知道數據切換用於瞄準圖形功能的Bootstrap的API JavaScript。

Answer 1

data-target被引導使用，讓您的生活更輕鬆。您（大多數情況下）不需要編寫單行的Javascript來使用其預製的JavaScript components。

data-target屬性應包含一個CSS選擇器，該選擇器指向將更改的HTML元素。

Modal Example Code from 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>將被修改（在這種情況下褪色的）。 發生這種情況的原因是，CSS選擇器中的#myModal指向具有屬性和myModal值的元素。

關於HTML5「數據 - 」屬性的更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Answer 2

撥動告訴引導做什麼和目標指出哪些元素要打開引導。所以每當點擊這樣的鏈接時，就會出現一個id爲「basicModal」的模式。