<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="/js/jquery-1.12.2.min.js"></script>
<script type="text/javascript">
$(function () {
$("#to_edit").click(function () {
alert("56465456465465");
return false;
});
});
</script>
</head>
<body>
<c:if test="${emp==null||emp.numberOfElements==0}">
没有数据记录!!
</c:if>
<c:if test="${emp!=null && emp.numberOfElements>0}">
<table cellpadding="5" border="1" cellspacing="0">
<tr>
<td>ID</td>
<td>LastName</td>
<td>Email</td>
<td>Birth</td>
<td>CreateTime</td>
<td>Department</td>
<td>Edit</td>
<td>Delete</td>
</tr>
<tbody>
<c:forEach items="${emp.content}" var="data">
<tr>
<td>${data.id}</td>
<td>${data.lastName}</td>
<td>${data.email}</td>
<td>
<fmt:formatDate value="${data.birth}" pattern="yyyy-MM-dd"></fmt:formatDate>
</td>
<td>
<fmt:formatDate value="${data.crateTime}" pattern="yyyy-MM-dd hh:mm:ss"></fmt:formatDate>
</td>
<td>${data.department.departmentName}</td>
<td><a href="edit/${data.id}" id="to_edit">编辑</a></td>
<td><a href="delete/${data.id}" id="to_delete">删除</a></td>
</tr>
</c:forEach>
<tr>
<Td colspan="8">
items: ${emp.totalElements}
pages: ${emp.totalPages}页
当前为第${emp.number+1}页
<a href="?pageNo=${emp.number+1-1}">上一页</a>
<a href="?pageNo=${emp.number+1+1}">下一页</a>
</Td>
</tr>
</tbody>
</table>
</c:if>
</body>
</html>
如下,只有第一行弹出alert,其他四行都跳进连接了去。
之前这样用都没这事,今天不知道怎么了....
一个页面中的id
应当只有一个,你这样搞你的编辑那儿都是 id="to_edit"
重复了,肯定出问题啊
换成class