BootStrap - DropDown

Question

我尝试调用bootstrap提供的基本下拉函数，我连接了一个js函数，设置到js的链接。尝试了非js，所有的东西都不能工作，这是我所能得到的最接近的结果，它仍然是不可能的。这是我的清单-

      <div class="nav-collapse collapse">
        <ul class="nav">
          <li class="active"><a href="index.html">Home</a></li>
          <li class="dropdown" id="accountmenu">  
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tutorials<b class="caret"></b></a>  
                    <ul class="dropdown-menu">  
                        <li><a href="#">PHP</a></li>  
                        <li><a href="#">MySQL</a></li>  
                        <li class="divider"></li>  
                        <li><a href="#">JavaScript</a></li>  
                        <li><a href="#">HTML5</a></li>  
                    </ul>  
                </li>  
          <li><a href="#contact">News</a></li>
          <li><a href="http://MapleEdge.paycraft.co">Shop</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div><!--/.nav-collapse -->> Blockquote

所以它应该只需要连接所有的js就可以工作，但它不能。你可以在这里看到实时站点- http://www.epic-pvp.com/。

非常感谢，我已经试过所有的方法了！

Answer 1

您应该已经看到了javascript错误-您显然没有在页面上包含jquery库。

Twitter bootstrap在很大程度上依赖于jQuery，他们在getting started page上记录了你应该在你的模板中包含最新版本的jQuery才能正常工作。

Answer 2

在超文本标记语言的第193行包含jQuery。

第一次尝试使用jQuery是在超文本标记语言的第24行。

在加载之前不能使用它。

Answer 3

我做了我的，如下所示。

HTML：

<ul class="nav navbar-nav navbar-right">
                    <li id="theme_selector" class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Theme <b class="caret"></b></a>
                        <ul id="theme" class="dropdown-menu" role="menu">
                            <li><a href="#">Amelia</a></li>
                            <li><a href="#">Cerulean</a></li>
                            <li><a href="#">Cyborg</a></li>
                            <li><a href="#">Cosmo</a></li>
                            <li><a href="#">Darkly</a></li>
                            <li><a href="#">Flatly</a></li>
                            <li><a href="#">Lumen</a></li>
                            <li><a href="#">Simplex</a></li>
                            <li><a href="#">Slate</a></li>
                            <li><a href="#">Spacelab</a></li>
                            <li><a href="#">Superhero</a></li>
                            <li><a href="#">United</a></li>
                            <li><a href="#">Yeti</a></li>
                        </ul>
                    </li>
                </ul>

脚本

$('#theme li').click(function () {
   switch_style($(this).text());
        });

效果很好