2017-06-17 48 views
0

本应该是一个非常简单的事情要做就是使其本身非常艰难。简单的方法来切换模式不工作从JavaScript。下面是代码:模式切换方法不通过javascript

<div class="modal1 mfp-hide" id="modal-signup"> 
<div class="block divcenter" style="background-color: #FFF; max-width: 400px;"> 
    <div style="padding: 50px;"> 
     <h3 class="font-body">Signup for an account</h3> 
     <div class="help-block with-errors has-errors" id ="signupError"></div> 
     <form action="#" id="signup_modal" method="post" class="nobottommargin"> 
      <div class="form-process"></div> 
      <div class="col_full"> 
       <label class="font-body capitalize" for="signup-form-modal-name">Name:</label> 
       <input type="text" id="signup_form_modal_name" name="signup-form-modal-name" value="" class="form-control" required /> 
      </div> 
      <div class="col_full"> 
       <label class="font-body capitalize" for="signup-form-modal-username">Email:</label> 
       <input type="text" id="signup_form_modal_username" name="signup-form-modal-username" value="" class="form-control" required /> 
      </div> 
      <div class="col_full"> 
       <label class="font-body capitalize" for="signup-form-modal-password">Password:</label> 
       <input type="password" id="signup_form_modal_password" name="signup-form-modal-password" value="" class="form-control" required /> 
      </div> 
      <div class="col_full"> 
       <label class="font-body capitalize" for="signup-form-modal-password">Repeat Password:</label> 
       <input type="password" id="signup_form_modal_repassword" name="signup-form-modal-repassword" value="" class="form-control" required /> 
      </div> 
      <div class="col_full"> 
       <label class="font-body capitalize" for="signup-form-modal-mobile">Mobile:</label> 
       <input type="text" id="signup_form_modal_mobile" name="signup-form-modal-mobile" value="" class="form-control" required /> 
      </div> 
      <div class="col_full nobottommargin"> 
       <button class="button button-rounded nomargin" id="signup_form_modal_submit" name="signup-form-modal-submit" value="signup">Signup</button> 
      </div> 
     </form> 
     <div class="line line-sm"></div> 
     <a href="#" class="button button-rounded btn-block t400 center capitalize si-facebook si-colored noleftmargin norightmargin">Signup with Facebook</a> 
     <a href="#" class="button button-rounded btn-block t400 center capitalize si-gplus si-colored nomargin">Signup with Google</a> 
    </div> 
</div> 

$("#signup_form_modal_submit").click(function(e){ 
     $.post("<?php echo BASE_URL.'/login/register';?>", $('#signup_modal').serialize(),function(data){ 
       if(data['a']==1){ 
        $("#modal-signup").modal('toggle'); 
        //$("#modal-signup").modal('hide'); 
        //$("[data-dismiss=modal]").trigger({ type: "click" }); 
       } 
     } 
}); 

有任何JS没有问题作为一切工作正常。即使点击这个模式的关闭按钮关闭这个罚款,似乎只有js的问题。

我想关闭此模式并打开另一个模式。任何人都可以帮忙吗?

+0

检查你有什么回应得到,去'的console.log(数据)'IF语句之前,或在浏览器中检查,网络选项卡检查。 – skobaljic

+0

这是我从ajax响应发送的内容。这是一个数组。 –

+0

是响应json? –

回答

0

试试这个:

$("#signup_form_modal_submit").click(function(e){ 
     $.post("<?php echo BASE_URL.'/login/register';?>", $('#signup_modal').serialize(),function(data){ 
       var jsondata = $.parseJSON(data); 
       if(jsondata.a ==1){ 
        $("#modal-signup").modal('toggle'); 
        //$("#modal-signup").modal('hide'); 
        //$("[data-dismiss=modal]").trigger({ type: "click" }); 
       } 
     } 
}); 
+0

它引发一个错误,“SyntaxError:JSON解析错误:意外的标识符”对象“ –

+0

'console.log(data);'解析它之前你得到什么? –

+0

{a:1,otp:”521599“} –