2016-07-30 17 views
0

Ich versuche, jqgrid 5.1.1 zu verwenden, und ich habe diesen Fehler: $ ('# gridMain'). Jqgrid ist keine Funktion.jqGrid ist keine Funktion

Ich weiß nicht, was zu tun ist, um das Problem zu lösen.

Bitte helfen Sie mir !!

Hier ist mein Code

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> 
 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
 
<title>My First Grid</title> 
 

 
<link rel="stylesheet" type="text/css" media="screen" href="/jqgrid_5.1.0/css/ui.jqgrid.css" /> 
 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
 

 
<script src="/jqgrid_5.1.0/js/jquery.jqGrid.min.js" type="text/javascript"></script> 
 
<script src="/jqgrid_5.1.0/js/jquery-1.11.0.min.js" type="text/javascript"></script> 
 
<script src="/jqGrid_5.1.0/js/i18n/grid.locale-kr.js" type="text/javascript"></script> 
 

 

 
<script type="text/javascript"> 
 
\t $(document).ready(function(){ 
 
\t  console.log("aa"); 
 
\t \t $('#gridMain').jqGrid({}); 
 
\t }); 
 
</script> 
 
</head> 
 
<body> 
 
\t <h2>jqGrid test</h2> 
 
    <table id="gridMain"></table> 
 
</body> 
 
</html>

enter image description here

+0

Diese in der Regel passieren, wenn die erforderlichen js Bibliotheken nicht richtig geladen werden. Aufgrund meines Codes vermute ich, dass die folgenden Pfade falsch sein könnten - "/jqgrid_5.1.0/js/jquery.jqGrid.min.js" "/jqgrid_5.1.0/js/jquery-1.11.0.min .js " Warum verweisen Sie auch auf 2 Versionen der jquery-Bibliothek? – ArunGeorge

+0

Mögliches Duplikat davon - http://stackoverflow.com/questions/26370345/typeerror-jqgrid-is-not-a-function-on-button-click-to-trigger-reload – ArunGeorge

Antwort

0

ich das Problem gelöst.

Die Ursache war ein falscher Pfad.

Vielen Dank für Ihr commnet !!!

<link rel="stylesheet" type="text/css" media="screen" href="jqgrid_5.1.0/css/ui.jqgrid.css" /> 
 
<link rel="stylesheet" type="text/css" media="screen" href="jqgrid_5.1.0/css/custom.jqgrid.css" /> 
 
<link rel="stylesheet" type="text/css" media="screen" href="jqgrid_5.1.0/css/ui.jqgrid-bootstrap.css" /> 
 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> \t 
 
<script src="jqgrid_5.1.0/js/jquery.jqGrid.min.js" type="text/javascript"></script> 
 
<script src="jqgrid_5.1.0/js/i18n/grid.locale-kr.js" type="text/javascript"></script>