【问题标题】:angular2 bootstrap3 dropdown errorangular2 bootstrap3下拉错误
【发布时间】:2017-12-17 20:34:39
【问题描述】:

嗨,开发人员,我尝试引导下拉菜单“邮件”的 Angular2 项目正在运行,但是 第二个下拉菜单不起作用

【问题讨论】:

  • 第二个下拉菜单在哪里?
  • 错误是什么?不工作是什么意思?您能否添加您的代码,您尝试过这个问题???您是否还可以在浏览器中看到任何控制台错误 - 如果您认为有错误?
  • i.hizliresim.com/29JPAj.jpg 并点击邮件按钮不打开其他链接我的朋友
  • @Alexandru-IonutMihai 邮件按钮是第二个下拉菜单
  • @Alexandru-IonutMihai İletişim Operasyonları 按钮工作,但邮件不工作

标签: javascript html twitter-bootstrap angular


【解决方案1】:

这是嵌套下拉列表的示例。

$('.dropdown-submenu a.test').on("click", function(e){
    $(this).next('ul').toggle();
    e.stopPropagation();
    e.preventDefault();
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Tutorials
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a tabindex="-1" href="#">HTML</a></li>
      <li><a tabindex="-1" href="#">CSS</a></li>
      <li class="dropdown-submenu">
        <a class="test" tabindex="-1" href="#">New dropdown <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a tabindex="-1" href="#">2nd level dropdown</a></li>
          <li><a tabindex="-1" href="#">2nd level dropdown</a></li>
          <li class="dropdown-submenu">
            <a class="test" href="#">Another dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">3rd level dropdown</a></li>
              <li><a href="#">3rd level dropdown</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </div>

【讨论】:

    猜你喜欢
    • 2023-03-26
    • 1970-01-01
    • 2016-04-21
    • 2016-09-06
    • 1970-01-01
    • 2014-03-14
    • 2016-04-13
    • 2014-11-07
    • 1970-01-01
    相关资源
    最近更新 更多