BootStrap - DropDown

我想调用引导程序提供的基本下拉功能，我连接了一个js函数，设置链接到js。试过非js一切都不起作用，这是非常接近我的，它仍然是一个不行。这是我的名单 -BootStrap - DropDown

 <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/

非常感谢我用尽了一切！

来源

2012-12-23 Sam

你应该已经看过JavaScript错误 - 你显然没有包括在页面上jquery库..

Twitter的引导在很大程度上依赖于jQuery和他们已经记录在getting started page，你应该包括最新版本的jQuery您的模板可以正常工作。

来源

2012-12-23 11:07:19

我加入，但没有改变:( – Sam

你已经添加它在页面的底部，这是有效，但你在''标签内使用jQuery变量，而你的jQuery仍然没有加载..你应该在标签内移动jquery或者移动你自定义的javascript d eclarations后，包括jquery的底部.. –

谢谢，你的超级聪明:)作品像一个魅力 – Sam

您在HTML的第193行中包含jQuery。

您第一次尝试使用jQuery是在第24行的HTML。

加载之前无法使用它。

来源

2012-12-23 11:15:58 Quentin

我做了我的如下所示。

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()); 
     });

伟大工程

来源

2014-05-14 12:17:33 mark1234

BootStrap - DropDown

回答

相关问题