Question

我正在尝试按下导航栏上的下拉菜单，以便在按下按钮时打开。目前得到：

<script>
  $('#broadcaster').click(function() {

      $('#menu2 a').dropdown("toggle");
  });

</script>

广播公司是按钮ID＆amp; menu2下拉列表的ID。现在，它显示单击按钮时单击的菜单，但菜单未打开。还试过像$('#menu2 a').click();这样的各种相反，避免更多的CSS，任何建议？

这是下拉元素：

<ul class="nav navbar-nav navbar-right">
    <li class="dropdown" id="menu2">
     <a class="dropdown-toggle" data-toggle="dropdown" href="#menu2">
       Register
       <b class="caret"></b>
     </a>
     <div class="dropdown-menu">
       <form role="form" action="/user/create" method="post">
         <fieldset id="menu4" class='textbox' style="width: ; padding:10px;">
          <div class="form-group">
            <label for="newNameInput">Name</label>
            <input type="text" class="form-control" name="name" id="newName" placeholder="Name">
          </div>
          <div class="form-group">
            <label for="newEmailInput">Email address</label>
            <input type="text" class="form-control" name="email" id="newEmail" placeholder="Email">
          </div>
          <div class="form-group">
            <label for="newPasswordInput">Password</label>
            <input type="password" class="form-control" name="password" id="newPassword" placeholder="Password">
          </div>
          <li class="divider"></li>
          <input class="btn btn-primary" style="clear: left; width: 100%; height: 32px; font-size: 13px;" value="Sign Up" id="signup" type="submit" />
        </fieldset>
      </form>
    </div>
  </li>
</ul>

Answer 1

试试这个

$(document).ready(function() {
 $('.dropdown').click(function() {

      $('.dropdown-menu').slideToggle();
  });
 });

Answer 2

试试这个

 $('#broadcaster').click(function() {

      $('#menu2 a').bind('click',functionName());
  });

在下面定义functionName，它会起作用。

Answer 3

你错过了这个..试试

$(document).ready(function(){
 $('#broadcaster').click(function() {

      $('#menu2 a').dropdown("toggle");
  });
});

如何在按钮上单击打开下拉菜单？ HTML

3 个答案: