2011-08-11 4 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は隠されていますが、私は何かを逃しましたか?私はこれが役に立てば幸い

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

divsあなたは、このように隠されたいstyle="display:none;"を追加

+0

ダイアログで:autoopen:false、私はあなたの質問が適切であるかどうかを理解する必要があると思います。 – abhijit

+0

この部分が見えますか? '' Register '':function(){ var valid = true; valid =有効な&& checkLength(ユーザー名、 "ユーザー名"、1,30); 'など。つまり、ボタンがあると、非表示になっていたdivがウェブページに表示されますが、ボタンにコメントがあれば、それらは隠されます。 – sasori

+0

デフォルトでは、 'autoOpen:false'を設定することでダイアログを非表示にします。 。あなたのボタンの設定に構文エラーがあるかもしれませんが、ブラウザのjsコンソールにエラーが表示されていないかどうか確認してください。 – Quincy

答えて

0

してみてください。

+0

それは表示されたdivを隠しただけですが、js fuctionalityはまだ動作していません – sasori

+0

@sasoriおそらくクインシーは正しいでしょう、あなたのコードに構文エラーがあるかもしれません。 DreamWeaverをお持ちですか?それはすぐに構文エラーを教えてくれます。 – Nathan

関連する問題