Question

当我点击锚点

时

<span>Forgot your password? Click <a href="#" id="ForgetPassword">here</a> to retrieve it.</span>

我想在对话框中显示表单

  <form action="UsersAccountServlet" id="retrievePasswordForm" method="post">
        <label>Email address</label>
        <input type="text" name="email" />
        <input type="submit" name="retrievePassword"/>
         <input type="hidden" name="lang" value="E"/>
         <c:if test="${retrivePassResult != null}">
             <c:out value="${retrivePassResult}"></c:out>
         </c:if>
    </form>

我使用这个jquery脚本来显示对话框，但对话框我没有出现？

$(document).ready(function() {
  $("#ForgetPassword").click(function(){
     alert("here");
     $("#retrievePasswordForm").dialog();

 });
});

Answer 1

http://jsfiddle.net/shernshiou/8rVBm/1/ 似乎工作..

你是否包含了jquery ui？

Answer 2

$( "#retrievePasswordForm" ).dialog( "open" );

Answer 3

向Fancybox调用内容时可能存在同样的问题。

您应该使用display：none div包装表单，然后调用表单的对话框：不隐藏表单标记。

<div style="display:none">
    <form action="UsersAccountServlet" id="retrievePasswordForm" method="post">
        <label>Email address</label>
        <input type="text" name="email" />
        <input type="submit" name="retrievePassword"/>
         <input type="hidden" name="lang" value="E"/>
         <c:if test="${retrivePassResult != null}">
             <c:out value="${retrivePassResult}"></c:out>
         </c:if>
    </form>
</div>

Answer 4

我认为您应该将表单包装在div中并调用div上的对话框。

<div id='dialog' style='display:none'>
<form action="UsersAccountServlet" id="retrievePasswordForm" method="post">
        <label>Email address</label>
        <input type="text" name="email" />
        <input type="submit" name="retrievePassword"/>
         <input type="hidden" name="lang" value="E"/>
         <c:if test="${retrivePassResult != null}">
             <c:out value="${retrivePassResult}"></c:out>
         </c:if>
    </form>
</div>
<span>Forgot your password? Click <a href="#" id="ForgetPassword">here</a> to retrieve it.</span>


  $("#ForgetPassword").click(function(){
     alert("here");
     $("#dialog").dialog();

 });

请看这里的小提琴：http://jsfiddle.net/TUHgd/

调用时不会出现对话框

4 个答案: