내 테이블에서 정렬 사용 안 함

아래 코드에서 코드를 업데이트하여 테이블을 정렬 할 수 없습니다. 나는 tablersorter를 시도했지만 도움이되지 않습니다.내 테이블에서 정렬 사용 안 함

친절하게 문제를 해결합니다. 여기

링크입니다 : jsfiddle.net/BKgue/224/

나는 아래의 코드를 업데이트했다.

내 코드 :

<head> 
<title>Untitled Document</title> 
<body> 
<link rel="stylesheet" href="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.css" type="text/css"> 
<script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.js"></script> 


<script type="text/javascript" src="js/jquery.tablesorter.js" ></script> 
<script type="text/javascript" src="js/jquery.jquery.tablesorter.min.js" ></script> 
<script type="text/javascript" src="js/jquery.jquery-latest.js" ></script> 
<script type="text/javascript" src="js/jquery.jquery.metadata.js" ></script> 


<script type="text/javascript"> 
$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
); 

</script> 


</head> 
         <table data-role="table" id="table-column-toggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" > 
         <thead> 
          <tr> 
          <th data-priority="1"> 
           <label> 
            <input type="checkbox" name="checkbox-0 "/> 
           </label> 
          </th> 
          <th data-priority="2">CUSTOMER</th> 
          <th data-priority="3">SUBJECT</th> 
          <th data-priority="4">STATUS</th> 
          <th data-priority="5">UPDATED</th> 
          <th data-priority="6">ASSIGNED</th>       
          <th data-priority="7">PRIORITY</th> 
          </tr> 
         </thead> 

         <tbody>        


           <tr> 
           <td> 
            <label> 
             <input type="checkbox" name="checkbox-0 "/> 
            </label> 
           </td> 
           <td>Smith</td> 
           <td>Sampletitme</td> 
           <td>open</td> 
           <td>Yes</td> 
           <td>me</td> 
            <td>me</td> 
           </tr> 

           <tr> 
           <td> 
            <label> 
             <input type="checkbox" name="checkbox-0 "/> 
            </label> 
           </td> 
           <td>Smith</td> 
           <td>Sampletitme</td> 
           <td>open</td> 
           <td>Yes</td> 
           <td>me</td> 
            <td>me</td> 
           </tr> 

           <tr> 
           <td> 
            <label> 
             <input type="checkbox" name="checkbox-0 "/> 
            </label> 
           </td> 
           <td>Smith</td> 
           <td>Sampletitme</td> 
           <td>open</td> 
           <td>Yes</td> 
           <td>me</td> 
            <td>me</td> 
           </tr> 

         </tbody> 

        </table>

출처

2014-04-04 Ricky

http://jsfiddle.net/BKgue/224/ – Ricky

문서

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);

가에서 촬영? 준비가되었을 때 당신이 전화 않았다 tablesorter에를 사용하는 경우 : Tablesorter docs

편집, 머리에 순서 :

<link rel="stylesheet" href="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.css" type="text/css"> 

<script type="text/javascript" src="js/jquery.jquery-latest.js" ></script> 
<script type="text/javascript" src="js/jquery.jquery.metadata.js" ></script> 

<script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery- 1.9.1.min.js"></script> 
<script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.js"></script> 

<script type="text/javascript" src="js/jquery.tablesorter.js" ></script> 


<script type="text/javascript"> 
$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);

JQuery와 JQuery와

에 대한 어떤 플러그인 전에로드해야하므로 순서는 여기에, 라이브러리가 브라우저에로드되는 순서를 반영

출처

2014-04-04 11:01:53

내가 이것을 넣어해야하는 위치 문서 코드? 나는 CSS에서 새로운이야. – Ricky

페이지 머리 부분의 별도 js 파일 또는 머리의 태그 내에 있어야합니다. 머리에있는 tablesorter 플러그인을 모두 참조해야합니다. 그렇지 않으면 작동하지 않습니다! –

코드를 업데이트했습니다. – Ricky

내 테이블에서 정렬 사용 안 함

답변

관련 문제