删除确认弹出框

点击删除时,为了避免无意识误删,需要对删除进行再次确认。
可使用浏览器自带的弹出框:

            $('.remove').click(function(){
                $that=$(this);
                if(!confirm("确认删除?")){ 
                    window.event.returnValue = false; 

                }else{
                    $that.parent("ul").remove();
                    //发送ajax请求删除数据
                }

            })

在某些情况下,需要对弹出框做一些指定样式。

            .layer{
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0.8;
                text-align: center;
                padding-top: 50%;
                color: white;
                display: none;
                cursor: pointer;
            }

HTML 部分

<a  class='remove'>删除1</a> 
<a  class='remove'>删除2</a> 
<a  class='remove'>删除3</a> 
<a  class='remove'>删除4</a> 
<a  class='remove'>删除5</a> 
<a  class='remove'>删除6</a> 
<div id="layer" class="layer">
    确认删除?
    <a id='true'>确认</a>
    <a id='false'>取消</a>
</div>
         $('#true,#false').click(function(){
            if(this.id=='true'){
                $('.isRemove').remove();
                //发送ajax请求删除数据
            }else{
                $('.isRemove').removeClass('isRemove');
            }
            $('.layer').css('display','none');
        });
        $('.remove').click(function(){
            $('.layer').css('display','block');
            $(this).addClass(' isRemove');
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值