为什么我添加的Jquery动态点击事件无效

点击删除按钮无反应

<script type="text/javascript">
            
            $("body").on("click",'.delBtn',function () {
                alert("asdasd")
                $("#delid").val($(this).val());
            });

             
            
            
    </script>

删除按钮

<c:forEach items="${userList}" var="list">
                            <tr>
                            <th><input type="checkbox"></th>
                            <td>${list.username }</td>
                            <td>${list.password }</td>
                            <td>${list.id }</td>
                            <td colspan="2" style="width:15%">
                                <button class="btn btn-primary edBtn" data-target="#edModal" data-toggle="modal"  value="${list.id }" n="${ list.username}" p="${list.password }" onClick="Edit()">编辑</button>
                                
                                <button class="btn btn-danger delBtn" data-toggle="modal" data-target=".delModal" value="${list.username }">删除  </button>
                            
                            </tr>
                            </c:forEach>

传到这里

<div class="modal fade delModal" tabindex="-1" role="dialog"
    aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
            </div>
            <div class="modal-body">
                <h4>确定要删除此用户吗？</h4>
            </div>
            <div class="modal-footer">
            
                <form action="#" name="DelForm" method="post">
                    <input id="delid" name="username" value="" >
                    <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-danger">确定</button>
                </form>
                
            </div>
        </div>

jq和bootstrap已经引入

文本框的值没有过来，提示框也不弹

jq需要有一个入口的。

jq代码都是要写在这两个函数任意一个中间的。

解决了加个window.onload就可以了，不知道为什么用$(document).ready不行

window.onload=function(){                        
                $("body").on("click",'.delBtn',function () {
                    alert("asdasd")
                    $("#delid").val($(this).val());
                });            
            }