2011-08-11 5 views
0

여기 내 코드의버튼이있을 때 div가 숨겨지지 않습니다. 이유가 무엇입니까?

if(userid == ""){ 
     $("#dialog:ui-dialog").dialog("destroy"); 

     $("#dialog-confirm").dialog({ 
      resizable: false, 
      height: 230, 
     width: 350, 
      modal: true, 
      buttons: { 
       "Register": function(){ 
        $(this).dialog("close"); 
       $('div#registerpopup').dialog({ 
        resizable: false, 
        height: 485, 
        width: 420, 
        modal: true, 
        buttons: { 
         "Register" : function(){ 
         var valid = true; 
         valid = valid && checkLength(username,"Username",1,30); 
         valid = valid && checkPassword(password,"Password",7,); 
         valid = valid && checkRetype(password,retypepassword); 
         valid = valid && checkRegexp(emailaddress,emailRegex,"Emailaddress"); 
         valid = valid && checkSecretquestion(secretquestion,"Secret Question"); 
         valid = valid && checkSecretquestion(secretanswer,"Secret Answer"); 
         if(valid){ 
          $.ajax({ 
          type: "POST", 
          url: "classes/ajax.registerpopup.php", 
          timeout: 8000, 
          data: "username="+username+"&password="+password+"&emailaddress="+emailaddress+ 
            "&secretquestion="+secretquestion+"&secretanswer="+secretanswer, 
          success: function(){ 
           alert("you are registered now"); 
          } 
          }); 
          return false; 
         } 
         } 
        } 
       }); 
       }, 
       "Log in": function() { 
        $(this).dialog("close"); 
       $('div#loginpopup').dialog({ 
        resizable: false, 
        height: 230, 
        width: 350, 
        modal: true 
       }) 
       } 
      } 
     }); 
    return false; 
} 

이 가정으로 숨겨진 DIV에게 있습니다

<div id="dialog-confirm" title="Register OR Login"> 
    <p>Before you can submit your cv,<br />please log in or register,registering only takes 2 seconds 
    and you will not lose the information you have entered.</p> 
</div> 

지금은 둘 때 내 질문에, 왜 가정으로 숨겨진 된 div가 표시되는 것을

  <div id="registerpopup" title="Register" class="form" style="background: #F0F0F0;"> 
       <p class="validateTips">All form fields are required.</p> 

       <form> 
        <table> 
        <tr> 
        <td><label>Username</label></td> 
        <td><input type="text" name="username" id="username" size="12"/></td> 
        </tr> 
        <tr> 
        <td><label>Password</label></td> 
        <td><input type="password" name="password" id="password" size="10" value=""/></td> 
        </tr> 
        <tr> 
        <td><label>Re-type Password</label></td> 
        <td><input type="password" name="retypepassword" id="retypepassword" size="10" value=""/></td> 
        </tr> 
        <tr> 
        <td><label>Email Address</label></td> 
        <td><input type="text" name="emailaddress" id="emailaddress" value=""/></td> 
        </tr> 
        <tr> 
        <td><label>Secondary Email Address</label></td> 
        <td><input type="text" name="secondaryemailaddress" id="secondaryemailaddress" value=""/></td> 
        </tr> 
        <tr> 
        <td><label>Secret Question</label></td> 
        <td><input type="text" name="secretquestion" id="secretquestion" value="" /></td> 
        </tr> 
        <tr> 
        <td><label>Secret Answer</label></td> 
        <td><input type="secretanswer" name="secretanswer" id="secretanswer" value=""/></td> 
        </tr> 
        <tr> 
        <td><label>Reff. Code</label></td> 
        <td><input type="text" name="reffcode" id="reffcode" value="" /></td> 
        </tr> 
        </table> 
       </form> 
      </div> 

$ ('div # registerpopu) .dialog ({})의 버튼 매개 변수? , 버튼이 없으면 div가 숨겨져 있습니다. 뭔가 놓쳤습니까?

+0

대화 상자에서 : autoopen : false, 나는 당신의 질문을 올바르게 이해할 필요가 있다고 생각합니다. – abhijit

+0

이 부분이 보입니까? ' "Register": function() { var valid = true; 유효 = 유효 && checkLength (사용자 이름, "사용자 이름", 1,30); 및 등 ..? 그게 무엇을 말하는지, 버튼이있을 때 숨겨지기로되어있는 div가 웹 페이지에 표시되지만 버튼에 주석을 달면 div가 숨겨집니다. – sasori

+0

기본적으로 'autoOpen : false'를 설정하여 대화 상자를 숨 깁니다. . 그리고 버튼 구성에 구문 오류가있을 수 있습니다. 브라우저의 js 콘솔에 오류가 표시되는지 확인하십시오. – Quincy

답변

0

시도 divs 당신이 같은 숨겨진하려는 style="display:none;"를 추가 :

<div id="dialog-confirm" title="Register OR Login" style="display:none;"> 
    <p>Before you can submit your cv,<br />please log in or register,registering only takes 2 seconds 
    and you will not lose the information you have entered.</p> 
</div> 

도움이 되었기를 바랍니다.

+0

그냥 표시된 div.하지만 숨겨진 다음 j fuctionality 아직 작동하지 않습니다 – sasori

+0

@ sasori 어쩌면 Quincy 맞을 수도, 아마도 귀하의 코드에서 구문 오류가 있습니다. DreamWeaver를 사용하십니까? 바로 구문 오류가 발생합니다. – Nathan

관련 문제