您现在的位置是:网站首页 > 心得笔记
layer.confirm()弹框还没点击确定页面自动刷新问题
简介就在前一秒,我就遇到这个小问题,使用layer.confirm()实现删除,js写法同往常一样,但是弹框弹出后,我还没点击确定按钮,页面就自动刷新了,弹框也随之消失了....
1、问题
使用layer.confirm()实现删除,js写法同往常一样,但是弹框弹出后,我还没点击确定按钮,页面就自动刷新了,弹框也随之消失了....
2、解决
是因为我触发弹框的按钮标签使用的是<button></button>,如果使用了button标签也行,但你必须要加上type=‘button’属性,不然,在触发弹框点击之前,就通过form表单提交了,从而出现我的那个问题刷新了页面
3、代码实例
<button class="btn btn-primary delTpl" data-url="{{ route('tpls.destroy', $value->id) }}" type="button">删除</button>
//删除模板 $(".delTpl").click(function(){ var url = $(this).data('url'); layer.confirm('确定删除吗?', { btn:['确定', '取消'] }, function(){ $.ajax({ url:url, type:'DELETE', success:function(data){ layer.msg(data.message, {icon: 1, time:1000}); if(data.type == 1){ location.reload(); } } }); }); });