2011-06-13 2 views
0

HTML 테이블에 대해 flexigrid를로드하는 데 도움이 필요합니다. 나는 아래의 코드를 가지고 있으며 브라우저에서이 HTML 파일을 열 때 flexigrid를로드 할 수 없습니다 (IE, firefox, chrome 시도). 이 일을 도와주세요.flexigrid가 html 테이블에서 작동하지 않습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>Phone Directory</title> 
<link rel="stylesheet" type="text/css" href="css/flexigrid.css" /> 

<script type="text/javascript" src="jquery-1.6.1.js"></script> 
<script type="text/javascript" src="js/flexigrid.js"></script> 
<script type="text/javascript"> 
$('.flexme').flexigrid(); 
</script> 
</head> 
<body> 

<table id="flexme"> 
    <thead> 
      <tr> 
       <th width="100">Col 1</th> 
       <th width="100">Col 2</th> 
       <th width="100">Col 3 is a long header name</th> 
       <th width="300">Col 4</th> 

      </tr> 
    </thead> 
    <tbody> 
      <tr> 
       <td>This is data 1</td> 
       <td>This is data 2</td> 
       <td>This is data 3</td> 

       <td>This is data 4</td> 
      </tr> 
      <tr> 

       <td>This is data 1</td> 
       <td>This is data 2</td> 
       <td>This is data 3</td> 
       <td>This is data 4</td> 
      </tr> 

    </tbody> 
</table> 
</body> 
</html> 
+0

와 라인 $('.flexme').flexigrid(); 교체 – Emma

답변

2

문서 준비 기능이 없습니다.

최신 JQuery와 버전 시도

$(document).ready(function(){ 
    $('#flexme').flexigrid(); 
}); 
관련 문제