Jquery Jtable无法正常工作

时间:2014-10-27 21:41:57

标签: jquery jquery-jtable

我正在使用jquery jtable。之前工作正常。但在我清除浏览器缓存后,它会显示一条名为的消息 "此页面上的脚本可能正忙,或者可能已停止响应。您可以立即停止脚本,也可以继续查看脚本是否完成。

脚本:http://hostname.com/FRC/js/jquery-1.11.1.js:5730"

它也不会显示任何页码。

我正在使用FireFox浏览器。 我有以下JSP。

     <!DOCTYPE html> 
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>


<html>
<head>
<title>  Report Raw Data </title>
</head>


 <link rel="stylesheet" href="<c:url value="/css/jtable.css" />" type="text/css" >
 <link rel="stylesheet" href="<c:url value="/css/jquery-ui-1.10.3.custom.css" />" type="text/css" />

 <!--  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"  ></script>  -->
 <script  type="text/javascript"   src="<c:url value="/js/jquery-1.11.1.js" />" ></script>    
 <script  type="text/javascript"   src="<c:url value="/js/jquery-ui-1.10.3.custom.js" />" ></script>

 <script  type="text/javascript"   src="<c:url value="/js/jquery.jtable.js" />" ></script>
 <script  type="text/javascript"   src="<c:url value="//cdnjs.cloudflare.com/ajax/libs/json2/20140204/json2.js" />" ></script>

  <c:set var="baseURL" value="${pageContext.servletContext.contextPath}" />
 <script>
 var j = jQuery.noConflict();


j(document).ready(function(){   


  j('#rawDataTableId').jtable({

        paging : true, //Enable paging
        pageSize : 0, //Set page size (default: 10)   
        actions : {

                 listAction: '${baseURL}/reportRawDataPaginationDataTables.html',
        },
         fields: {
             visitType1 : {
                    title : 'Visit Type',
                    width : '30%',
                    key : true,
                    list : true,
                    edit : false,
                    create : true
                },
                visitorId : {
                        title : 'Visitor Id',
                        width : '30%',  
                        edit : false,
                        create : false,
                         display:function(data){
                               return data.record.visitor.visitorId;
                       }
                    } 
         }


    });
    j('#rawDataTableId').jtable('load');  


});




</script>


<body>

<br><br><br><br>



 <div id="rawDataTableId">
 </div>
 </body>
 </html>

0 个答案:

没有答案