Question

当我点击登录按钮时，我目前正试图弹出一个弹出窗口，但我无法正常工作。

这是按钮的一部分

<form action="">
                <input type="text" name="Name" class="loginForm" placeholder="E-mail"><br>
                <input type="password" name="Password" class="loginForm" placeholder="Wachtwoord">
                <input type="submit" class="button" value="Log in" style="width: 256px; " >

除弹出窗口外，一切正常。有谁知道我怎么能让它出现？

谢谢，纳尔逊

Answer 1

您可以使用JqueryUI Dialog进行弹出。
链路
JQueryUI Dialog
怎么样？这里 -
jQuery和css：

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

    $(document).ready(function() {
        $("#dialog").dialog();
    });

html：

<div id="dialog" title="LOGIN">

<form action="">
                <input type="text" name="Name" class="loginForm" placeholder="E-mail"><br>
                <input type="password" name="Password" class="loginForm" placeholder="Wachtwoord">
                <input type="submit" class="button" value="Log in" style="width: 256px; " >
</form>

</div>

弹出按钮动作？

1 个答案: