阻止Material Design Lite菜单关闭鼠标

时间:2016-07-29 23:11:08

标签: javascript jquery material-design-lite

我在mdl菜单中创建了一个登录表单但是在点击它之后释放鼠标按钮时它会一直关闭,因此我必须使用tab才能登录。

这是按钮:

<div class="nav-icon">
  <button id="login" class="mdl-button mdl-js-button mdl-button--icon" >
    <!--Icon -->
  </button>           
</div>

这是菜单:

<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right user-menu" for="login">
  <div class="user-name mdl-shadow--2dp">
    Log In
  </div>
  <div class="login-modal-content" >
  <%= form_tag(controller: 'access', :action => 'attempt_login') do %>
    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
      <input class="mdl-textfield__input login-field" type="text" name="email" id="email" value="" class="mdl-textfield__input login-field">
      <label class="mdl-textfield__label login-field" for="sample3">Email...</label>
    </div>
    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
      <input class="mdl-textfield__input login-field" type="password" name="password" id="password" value="" class="mdl-textfield__input login-field">
      <label class="mdl-textfield__label login-field" for="sample3">Password..</label>
    </div>
    <%= submit_tag("Enter", class: 'mdl-button mdl-js-button mdl-button--raised mdl-button--accent') %>
  <% end %>
  </div>
</ul>

如何阻止此点击事件关闭菜单?

0 个答案:

没有答案