0

我正在尝试调用引导程序提供的基本下拉功能，我连接了一个 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/

非常感谢我已经尝试了一切！

4

3 回答 3

2

你应该看过 javascript 错误 - 你显然没有jquery在页面上包含库..

Twitter bootstrap 严重依赖 jQuery，他们在入门页面上记录了您应该在模板中包含最新版本的 jQuery 以使其正常工作。

于 2012-12-23T11:07:19.187 回答
1

您在 HTML 的第 193 行包含 jQuery。

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

在加载之前您不能使用它。

于 2012-12-23T11:15:58.910 回答
0

我做了我的，如下所示。

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-14T12:17:33.697 回答