버튼 동작으로 팝업 하시겠습니까?

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 대화 상자를 사용할 수 있습니다.
링크
JQueryUI Dialog

HERE--
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>