为了账号安全,请及时绑定邮箱和手机立即绑定

jquery的分页插件不显示是什么原因呢?

jquery的分页插件不显示是什么原因呢?

qq_小明_62 2017-10-17 19:59:58
//<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>雇员信息</title> </head> <% // 获取请求的上下文 String context = request.getContextPath(); %> <link href="/css/pagination.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="/js/jquery-1.11.3.js"></script> <script type="text/javascript" src="/js/jquery.pagination.js"></script> <script type="text/javascript"> // 点击分页按钮以后触发的动作 function handlePaginationClick(new_page_index, pagination_container) {     $("#stuForm").attr("action", "<%=context %>/JdbcSqlServlet?pageNum=" + (new_page_index+1));     $("#stuForm").submit();     return false; } $(function(){ $("#News-Pagination").pagination(${result.totalRecord},{         items_per_page:${result.pageSize}, // 每页显示多少条记录         current_page:${result.currentPage}-1, // 当前显示第几页数据         num_display_entries:8, // 分页显示的条目数         next_text:"下一页",         prev_text:"上一页",         num_edge_entries:2, // 连接分页主体,显示的条目数         callback:handlePaginationClick }); }); </script> <body> <div style="margin-left: 100px; margin-top: 100px;"> <div> <font color="red">${errorMsg }</font> </div> <div> <form action="<%=context %>/JdbcSqlServlet"   id="stuForm"  method="post"> 姓名 <input type="text" name="stuName" id="stu_name" style="width:120px" value="${stuName }"> &nbsp; <input type="submit" value="查询"> </form> </div> <br> 学生信息列表:<br> <br> <!-- 后台返回结果为空 --> <c:if test="${fn:length(result.dataList) eq 0 }"> <span>查询的结果不存在</span> </c:if> <!-- 后台返回结果不为空 --> <c:if test="${fn:length(result.dataList) gt 0 }"> <table border="1px" cellspacing="0px" style="border-collapse: collapse"> <thead> <tr height="30"> <th width="100">雇员工号</th> <th width="100">雇员姓名</th> <th width="100">雇员工作</th> <th width="100">雇佣日期</th> <th width="100">雇员薪水</th> <th width="100">雇员奖金</th> <th width="100">领导编号</th> <th width="100">部门编号</th> <th width="100">领导名称</th> </tr> </thead> <c:forEach items="${result.dataList }" var="emp"> <tr> <td><c:out value="${emp.empno }"></c:out></td> <td><c:out value="${emp.ename }"></c:out></td> <td><c:out value="${emp.job }"></c:out></td> <td><c:out value="${emp.hiredate }"></c:out></td> <td><c:out value="${emp.sal }"></c:out></td> <td><c:out value="${emp.comm }"></c:out></td> <td><c:out value="${emp.leano }"></c:out></td> <td><c:out value="${emp.deptno }"></c:out></td> <td><c:out value="${emp.leaname }"></c:out></td> </tr> </c:forEach> </table> <br>  <div id="News-Pagination"></div> </c:if> </div> </body> </html>今天学习了老师讲的jquery插件实现分页,但是插件内容不显示。
查看完整描述

目前暂无任何回答

  • 0 回答
  • 1 关注
  • 1545 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信