jsp页面点击链接没有弹窗出来

jsp页面点击删除没有反应，也不是没有反应就是 网页暗了但是没有显示东西出来，有没有人看出来这是为什么

问题相关代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@include file="/WEB-INF/pages/common/head.jsp"%>
<div class="right">
    <div class="location">
        <strong>你现在所在的位置是:</strong>
        <span>供应商管理页面</span>
    </div>
    <div class="search">
        <form method="post" action="${pageContext.request.contextPath }/providerlist">
            <input name="method" value="query" class="input-text" type="hidden">
            <span>供应商名称：</span>
            <input name="queryproname" class="input-text"    type="text" value="${queryProName }">

            <input type="hidden" name="pageIndex" value="1"/>
            <input    value="查 询" type="submit" id="searchbutton">
            <a href="${pageContext.request.contextPath}/jsp/provideradd.jsp" >添加供应商</a>
        </form>
    </div>
    <!--供应商-->
    <table class="providerTable" cellpadding="0" cellspacing="0">
        <tr class="firstTr">
            <th width="10%">供应商编码</th>
            <th width="20%">供应商名称</th>
            <th width="10%">联系人</th>
            <th width="20%">手机号</th>
            <th width="30%">操作</th>
        </tr>
        <c:forEach var="provider" items="${providerList }" varStatus="status">
            <tr>
                <td>
                    <span>${provider.proCode }</span>
                </td>
                <td>
                    <span>${provider.proName }</span>
                </td>
                <td>
                    <span>${provider.proContact }</span>
                </td>
                <td>
                    <span>${provider.proPhone }</span>
                </td>
                <td>
                    <span><a class="viewProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/read.png" alt="查看" title="查看"/></a></span>
                    <span><a class="modifyProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改" title="修改"/></a></span>
                    <span><a class="deleteProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
                </td>
            </tr>
        </c:forEach>
    </table>
    <input type="hidden" id="totalPageCount" value="${totalPageCount}"/>
    <c:import url="rollpage.jsp">
        <c:param name="totalCount" value="${totalCount}"/>
        <c:param name="currentPageNo" value="${currentPageNo}"/>
        <c:param name="totalPageCount" value="${totalPageCount}"/>
    </c:import>
</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removePro">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该供应商吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="/WEB-INF/pages/common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/providerlist.js"></script>

运行结果及报错内容

没有东西显示出来

我想要达到的结果

var providerObj;

//供应商管理页面上点击删除按钮弹出删除框(providerlist.jsp)
function deleteProvider(obj){
    $.ajax({
        type:"GET",
        url:path+"${pageContext.request.contextPath }/jsp/provider.do",
        data:{method:"delprovider",proid:obj.attr("proid")},
        dataType:"json",
        success:function(data){
            if(data.delResult == "true"){//删除成功：移除删除行
                cancleBtn();
                obj.parents("tr").remove();
            }else if(data.delResult == "false"){//删除失败
                //alert("对不起，删除供应商【"+obj.attr("proname")+"】失败");
                changeDLGContent("对不起，删除供应商【"+obj.attr("proname")+"】失败");
            }else if(data.delResult == "notexist"){
                //alert("对不起，供应商【"+obj.attr("proname")+"】不存在");
                changeDLGContent("对不起，供应商【"+obj.attr("proname")+"】不存在");
            }else{
                //alert("对不起，该供应商【"+obj.attr("proname")+"】下有【"+data.delResult+"】条订单，不能删除");
                changeDLGContent("对不起，该供应商【"+obj.attr("proname")+"】下有【"+data.delResult+"】条订单，不能删除");
            }
        },
        error:function(data){
            //alert("对不起，删除失败");
            changeDLGContent("对不起，删除失败");
        }
    });
}

function openYesOrNoDLG(){
    $('.zhezhao').css('display', 'block');
    $('#removeProv').fadeIn();
}

function cancleBtn(){
    $('.zhezhao').css('display', 'none');
    $('#removeProv').fadeOut();
}
function changeDLGContent(contentStr){
    var p = $(".removeMain").find("p");
    p.html(contentStr);
}
$(function(){
    $(".viewProvider").on("click",function(){
        //将被绑定的元素（a）转换成jquery对象，可以使用jquery方法
        var obj = $(this);
        window.location.href=path+"/jsp/provider.do?method=view&proid="+ obj.attr("proid");
    });
    
    $(".modifyProvider").on("click",function(){
        var obj = $(this);
        window.location.href=path+"/jsp/provider.do?method=modify&proid="+ obj.attr("proid");
    });

    $('#no').click(function () {
        cancleBtn();
    });
    
    $('#yes').click(function () {
        deleteProvider(providerObj);
    });

    $(".deleteProvider").on("click",function(){
        providerObj = $(this);
        changeDLGContent("你确定要删除供应商【"+providerObj.attr("proname")+"】吗？");
        openYesOrNoDLG();
    });
    
/*    $(".deleteProvider").on("click",function(){
        var obj = $(this);
        if(confirm("你确定要删除供应商【"+obj.attr("proname")+"】吗？")){
            $.ajax({
                type:"GET",
                url:path+"/jsp/provider.do",
                data:{method:"delprovider",proid:obj.attr("proid")},
                dataType:"json",
                success:function(data){
                    if(data.delResult == "true"){//删除成功：移除删除行
                        alert("删除成功");
                        obj.parents("tr").remove();
                    }else if(data.delResult == "false"){//删除失败
                        alert("对不起，删除供应商【"+obj.attr("proname")+"】失败");
                    }else if(data.delResult == "notexist"){
                        alert("对不起，供应商【"+obj.attr("proname")+"】不存在");
                    }else{
                        alert("对不起，该供应商【"+obj.attr("proname")+"】下有【"+data.delResult+"】条订单，不能删除");
                    }
                },
                error:function(data){
                    alert("对不起，删除失败");
                }
            });
        }
    });*/
});

而且在弹出的消息点击确定也报错说删除失败