Html 引导-下拉菜单不工作?

Html 引导-下拉菜单不工作?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在Bootstrap中的下拉菜单似乎不起作用-有人能提醒我这个问题吗?现在它显示下拉列表,但单击它什么也不做。谢谢 JS: HTML: 如果我理解正确,当你说点击没有任何作用时,你的意思是它没有指向你的URL吗 在锚定标记中 我希望这对您的问题有所帮助。您缺少“btn btn导航栏”部分。例如: <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-co

我在Bootstrap中的下拉菜单似乎不起作用-有人能提醒我这个问题吗?现在它显示下拉列表,但单击它什么也不做。谢谢

JS:

HTML:



如果我理解正确,当你说点击没有任何作用时,你的意思是它没有指向你的URL吗

在锚定标记中

  • 我希望这对您的问题有所帮助。

    您缺少“btn btn导航栏”部分。例如:

            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
    

    检查您是否在
    bootstrap.js之前引用了
    jquery.js
    ,并且
    只加载了一次。这为我修复了相同的错误:

    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    
    
    
    我不得不下载源文件,而不仅仅是它说的用于引导网站快速启动的压缩文件

    这是一个特定于Rails的答案,但我的Rails应用程序中的引导下拉菜单也有同样的问题。将此添加到app/assets/javascripts/application.js的修复方法:

    //=需要引导


    希望这对别人有帮助。

    我也有类似的问题。visual studio使用的bootstrap.js版本似乎已过时。我只是指向这个URL:

        <link id="active_style" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/cosmo/bootstrap.min.css">
    
    希望它能帮助别人

    <script src="js/bootstrap.min.js"></script>    
    
    
    
    文件在

    <script src="jq/jquery-2.1.1.min.js"></script>  solved this problem for me .
    
    帮我解决了这个问题。
    
    这就是我现在写的方法,没问题

    <script src="jq/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    

    在页面中输入以下代码

      Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequest);
        function EndRequest(sender, args) {
            if (args.get_error() == undefined) {
            $('.dropdown-toggle').dropdown();
            }
        }
    

    如果您使用的是electron或其他chromium框架,则必须通过以下方式在窗口中显式包含jquery:

    <script language="javascript" type="text/javascript" src="local_path/jquery.js" onload="window.$ = window.jQuery = module.exports;"></script>
    
    
    
    当我检查时,我看到显示:无值位于下拉菜单中引导css类。因此我删除了它。

    双重导入jquery可能会导致错误


    单击时的预期行为是什么?我不明白你的问题。它应该只做一个简单的下拉菜单,当点击按钮时,会带来更多的选项。我几乎完全遵循了在线引导指南,但它仍然不起作用。按钮将出现,但单击它不会生成下拉菜单。您的代码对我来说很好,您是否忘记了包含jQuery和下拉插件?这是你的代码运行的一个演示:(我从另一个问题上重写了一个演示,我回答的和这个问题类似)奇怪。。。我实际上解决了这个问题,但方式很奇怪。我将下拉插件放在bootstrap/js中,并将其移动到genericjs文件夹中。jquery是否需要与插件位于同一目录中?这可以解释错误。。。无论如何,谢谢你的帮助!不,只要您在文档中正确引用js脚本,js脚本放在哪里并不重要。嘿,谢谢您的评论!我的意思是,下拉菜单甚至没有出现,下拉按钮在页面上,但单击它不会下拉菜单。我想我的jquery一定是出了什么问题,知道吗?你能用短信把你的页面链接发给我吗?我会看一看,如果你愿意的话,我会给你展示一个更简单的JQuery下拉菜单的方法。他甚至没有正确回答你的问题。为什么这是正确的答案?这是误导@塞格曼85那是什么?一些VB专有代码移植到C#并用于维护1986年的大型机?这里的问题与两次引用引导程序时的问题相同。出现错误,但切换到之后也可以工作。。真奇怪
    <script src="js/bootstrap.min.js"></script>    
    
    <script src="jq/jquery-2.1.1.min.js"></script>  solved this problem for me .
    
    <script src="jq/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    
      Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequest);
        function EndRequest(sender, args) {
            if (args.get_error() == undefined) {
            $('.dropdown-toggle').dropdown();
            }
        }
    
    <script language="javascript" type="text/javascript" src="local_path/jquery.js" onload="window.$ = window.jQuery = module.exports;"></script>