您现在的位置是:网站首页 > 心得笔记

layer.confirm()弹框还没点击确定页面自动刷新问题

盛悦2019-08-23486人围观
简介就在前一秒,我就遇到这个小问题,使用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();
                }
            }
        });
    });
});