数据切换如何与 html5 和引导程序一起使用？答案

【问题标题】：How does data-toggle work with html5 and bootstrap?数据切换如何与 html5 和引导程序一起使用？
【发布时间】：2015-08-21 14:11:29
【问题描述】：

我试图在我的网站上做一个简单的下拉菜单，但我的 ide 说标签上的 html5 不支持 data-toggle 属性。我正在使用带有 jquery 的引导程序，这是我的脚本。帮助！

<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/newscarousel.js"></script>
<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/newscarousel.css" rel="stylesheet" />
<link href="Content/custom.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

  <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" id="about" aria-expanded="true">
                            About
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="about">
                            <li><a href="Home/About.html">About</a></li>
                            <li><a href="Home/Partners.html">Partners</a></li>
                            <li><a href="Home/ToRequestFunding.html">To Request Funding</a></li>
                            <li><a href="Home/Testimonies.html">Testimonies</a></li>
                        </ul>
                    </li>

【问题讨论】：

data-* 是 html5 规范
你的文档类型是什么样的？
微软表达式网络 4
标签出现时您的下拉菜单是否有效？这也可能有用：stackoverflow.com/questions/26642809/…
没有。下拉菜单什么都不做。我首先在 .cshtml 文件上实现了该页面，直到我发现 godaddy 还不支持 cshtml。所以我正在尝试将所有内容更改为正常的 html，但使用引导程序，似乎没有任何工作正常

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

试试这个

<script src="Scripts/your jquery code here"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/newscarousel.js"></script>
<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/newscarousel.css" rel="stylesheet" />
<link href="Content/custom.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" id="about" aria-expanded="true">
                            About
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="about">
                            <li><a href="Home/About.html">About</a></li>
                            <li><a href="Home/Partners.html">Partners</a></li>
                            <li><a href="Home/ToRequestFunding.html">To Request Funding</a></li>
                            <li><a href="Home/Testimonies.html">Testimonies</a></li>
                        </ul>
                    </li>

主要原因：主要原因是您的代码中没有包含 jquery 文件...

【讨论】：