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”的模式。