你能告诉我Bootstrap3使用的data-target
属性背后的系统或行为是什么吗?
我知道数据切换过去是针对图形功能Bootstrap的JavaScript接口。
发布于 2014-02-22 05:06:19
bootstrap使用data-target
使您的工作更轻松。您(大多数情况下)不需要编写一行Javascript就可以使用他们预制的JavaScript components。
data-target
属性应该包含一个CSS选择器,该选择器指向要更改的HTML元素。
<!-- 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
指向具有id
属性和myModal
值的元素。
有关数据“HTML5 -”属性的更多信息:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
发布于 2016-04-27 13:59:29
切换告诉Bootstrap要做什么,目标告诉Bootstrap要打开哪个元素。因此,无论何时单击这样的链接,都会出现一个id为“basicModal”的模式。
https://stackoverflow.com/questions/21944735
复制相似问题