Question

下面是我的模态窗口/页面的代码。但是，当我单击提交按钮时，我想导航到index.html页面。但是，我没有这样做，虽然我已经制作了一个表单并将action属性设置为页面。我也尝试导航到其他一些链接，但它不起作用。

我正在使用jquery.leanModal.min.js，我在搜索后在网上找到了它。

如何点击提交按钮进行导航？

<!doctype html>
<html lang="en-US">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title>Moi modal page</title>
  <link rel="stylesheet" type="text/css" media="all" href="../css/style.css">
  <script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" charset="utf-8" src="../js/jquery.leanModal.min.js"></script>
</head>

<body>
  <div id="topbar"></div>
  <div id="w">
    <div id="content">
      <center><a href="#loginmodal" class="flatbtn" id="modaltrigger">Login to website</a></center>
    </div>
  </div>!
  <div id="loginmodal" style="display:none;">
    <h1>User Login</h1>
    <form id="loginform" name="loginform" method="post" action="index.html">
      <label for="username">Username:</label>
      <input type="text" name="username" id="username" class="txtfield" tabindex="1">

      <label for="password">Password:</label>
      <input type="password" name="password" id="password" class="txtfield" tabindex="2">

      <div class="center"><input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="Log In" tabindex="3"></div>
    </form>
  </div>
<script type="text/javascript">
$(function(){
  $('#loginform').submit(function(e){
    return false;
  });

  $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" });
});
</script>
</body>
</html>

无法从模态弹出窗口重定向

0 个答案: