有谁做过Layer啊,一直无法弹出框框

浏览:3975 发布日期:2016/07/22 分类:技术分享
代码如下
<script type="text/javascript" src="__PUBLIC__/Js/2.2.3jquery.min.js"></script>
<script src="http://res.xiami.net/pc/lay/lib.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<form class="form-horizontal" id="loginform" action="{:U('Login/dologindjy')}" method="post">
。。。。。。
<button id="ajaxform" type="submit">登<b></b>录</button>
</form>

<script>
// ajax 提交表单
$(document).ready(function(){
$("#submit").click(function(){ // 提交按钮触发事件
var tourl = $("#loginform").attr("action"); // 获取 表单的 提交地址
// 序列化 表单数据 后提交 ,太简洁了
$.post(tourl,$("loginform").serialize(),function(data){
//直接返回首页
/*layer.msg(data['info'],5,data['status'],function(){
location.href = "{:U('Index/index')}"; //自动关闭后返回首页
});*/
//确定返回首页还是再次添加
$.layer({
shade: [0.5, '#000'], //弹出层背景颜色
dialog: {
msg: data['info'], //读取后台返回信息
btns: 2, //设置两个按钮
type: data['status'], //通过返回的代码设置图标 1或0
btn: ['返回首页','再次添加'],
yes: function(){
location.href = "{:U('Index/index')}"; //关闭后返回首页
}, no: function(){
location.reload(); //关闭后刷新页面
}
}
});
});
});
});
</script>


最终的效果还是走到了tp自带的$this->error那个页面
最佳答案
评论( 相关
后面还有条评论,点击查看>>