html - html表标签asp.net mvc4应用程序中的数据切换

Question

我正在查看一个示例应用程序。当我浏览应用程序时，我看到一个表格标签的两个属性是 data-toggle和data-target。有人可以帮我解决这个问题。为什么实际上需要它们。

Answer 1

data-HTML5 中引入了属性以允许特定于应用程序的数据存储。也就是说，任何以 开头的属性data-都将被视为有效的 HTML 属性，但大多数浏览器会忽略它。由应用程序来使用这些属性。

我不知道您在分析哪个项目，但它可能被 Javascript 库用于运行一些丰富的界面功能。我知道 Twitter Bootstrap 将它用于模态窗口，因此您可以将其视为示例。

Answer 2

它是 Bootstrap 定义的 HTML5 数据属性。

data-toggle="modal"
data-toggle="collapse"
data-toggle="dropdown"
data-toggle="tab"

例子：

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a href="#">Item</a>
  </ul>
</div>