javascript - jsp中的js代码不起作用怎么回事呢？-PHP中文网问答

如我的代码jsp中，

我的目录：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
    <title>ssh_test</title>
    <script type="text/javascript" src="jquery-1.12.2.min.js"/>
    <script type="text/javascript">

        $(function () {


            //这里不起作用啊，还是没办法弹出alert，没办法删除超链接
            $(".delete").click(function () {

                alert("chaonimadfdfsd");
                return false;
            });

        });

    </script>
</head>
<body>

<h4>Employee List Page</h4>

<s:if test="#request.employee==null||request.employee.size()==0">
    没有任何员工信息
</s:if>
<s:else>
    <table border="1" cellpadding="2" cellspacing="0">

        <tr>
            <td>ID</td>
            <td>LAST_NAME</td>
            <td>E_MAIL</td>
            <td>BIRTH</td>
            <td>CREATE_TIME</td>
            <td>DEPARTMENT</td>
            <td>DELETE</td>

        </tr>
        <s:iterator value="#request.employee">

            <tr>
                <td>${id}</td>
                <td>${lastname}</td>
                <td>${email}</td>
                <td>${birth}</td>
                <td>${createtime}</td>
                <td>${department.departmentname}</td>
                <td>
                    <a href="emp-delete.action?id=${id}" class="delete">Delete</a>
                </td>
            </tr>


        </s:iterator>
    </table>
</s:else>


</body>
</html>

<script type="text/javascript"> $(function () { //这里不起作用啊，还是没办法弹出alert，没办法删除超链接 $(".delete").click(function () { alert("chaonimadfdfsd"); return false; }); }); </script> 这一段代码放body末尾，要不然会先执行代码，这时候下面的页面还没有加载，$('.delete')取不到元素，监听事件就没用了