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

回答

相關問題