模态isn的切换方法';无法使用javascript
本来应该是一件非常简单的事情,就是让自己变得非常艰难。从javascript切换模式的简单方法不起作用。代码如下:模态isn的切换方法';无法使用javascript,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,本来应该是一件非常简单的事情,就是让自己变得非常艰难。从javascript切换模式的简单方法不起作用。代码如下: <div class="modal1 mfp-hide" id="modal-signup"> <div class="block divcenter" style="background-color: #FFF; max-width: 400px;"> <div style="padding: 50px;"> <h
<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>
注册帐户
姓名:
电邮:
密码:
重复密码:
流动电话:
报名
$(“#注册#表格(模式)提交”)。单击(功能(e){
$.post(“,$”(“#注册_模态”).serialize(),函数(数据){
如果(数据['a']==1){
$(“#模式注册”).modal('toggle');
//$(“#模式注册”).modal('hide');
//$(“[data dismise=modal]”)。触发器({type:“click”});
}
}
});
任何js都没有问题,因为其他一切都可以正常工作。即使单击此模式的关闭按钮也会关闭此罚款,似乎问题只存在于js
我想关闭此模式并打开另一个模式。有人能帮我吗?试试这个:
$("#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" });
}
}
});
$(“#注册#表格(模式)提交”)。单击(功能(e){
$.post(“,$”(“#注册_模态”).serialize(),函数(数据){
var jsondata=$.parseJSON(数据);
if(jsondata.a==1){
$(“#模式注册”).modal('toggle');
//$(“#模式注册”).modal('hide');
//$(“[data dismise=modal]”)。触发器({type:“click”});
}
}
});
检查您在响应中得到了什么,在IF语句之前转到console.log(data)
,或者在浏览器检查器的网络选项卡中进行检查。这是我从ajax响应中发送的东西。它是一个数组。是响应json吗?是响应json。它抛出一个错误,“SyntaxError:json解析错误:意外标识符“object”console.log(数据);
在解析它之前,你会得到什么?{a:1,otp:“521599”}我认为它已经是一个json对象删除var jsondata=$.parseJSON(数据);
njsondata.a
到data.a
不,现在没有错误,但它不工作。奇怪的是,它甚至使背景变暗,保持模态不变。
$("#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" });
}
}
});