添加ajaxToolkit:SlideShowExtender后,Bootstrap下拉菜单突然停止工作

时间:2014-03-07 09:29:04

标签: javascript html twitter-bootstrap slideshow

好吧,正如标题所说,我的问题是在将ajaxToolkit:SlideShowExtender添加到我的Main.aspx之后,该页面的Bootstrap下拉菜单停止工作,当我转到其他页面时,下拉菜单回归生活本身。如果我从Main.aspx中删除ajaxToolkit:SlideShowExtender,Bootstrap下拉菜单将再次开始工作。那我怎么能把这两个放在一起呢? 我将下拉菜单放到我的母版页上,所有其他页面都使用该母版页。除非我添加ajaxToolkit:SlideShowExtender,否则一切正常。 我还将这些脚本放在母版页的头部。

<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>

这些是母版页中的下拉菜单代码。

<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
          <li class="active"><a href="Main.aspx">Home</a></li>
          <li><a href="Item.aspx">Item</a></li>
          <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="Log_In.aspx" id="logIn" runat="server">Log in</a></li>
                <li><a href="Register.aspx" id="registration" runat="server">Registration</a></li>
                <li><a href="Default.aspx" id="logOut" runat="server">Log out</a></li>
                <li><a href="Modify.aspx" id="modify" runat="server">Modify</a></li>
              </ul>
          </li>
          <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Orders<b class="caret"></b></a>
              <ul class="dropdown-menu">
                  <li><a href="Cart.aspx">Cart</a></li>
                  <li><a href="History.aspx">History</a></li>
              </ul>
          </li>
          <li id="adminControl" runat="server" visible="false" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admins<b class="caret"></b></a>
              <ul class="dropdown-menu">
                  <li><a href="Item_Control.aspx">Item management</a></li>
                  <li><a href="Order.aspx">Order managerment</a></li>
                  <li><a href="Article.aspx">Article managerment</a></li>
              </ul>
          </li>
          <li><a href="Search.aspx">Search</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
      </ul>
    </div> <!--/.nav-collapse -->
  </div> <!--/container -->
</div> <!--/navbar navbar-default navbar-fixed-top -->

比你们所有人都阅读这个问题以及所有的帮助。

0 个答案:

没有答案