2012-11-30 5 views
0

Je tente d'utiliser le plugin TinyTableV3 JQuery; cependant, je continue à obtenir une erreur "non définie" n'existe pas. Ensuite, lorsque vous cliquez sur les colonnes pour le tri, j'obtiens l'erreur «trieur» n'existe pas. Cela indique un problème d'initialisation, mais comme il ne semble pas y avoir de readme pour ce plugin, je ne suis pas certain de savoir où cela pourrait mal se passer. Code ci-dessous. Aidez-moi?TinyTable erreur non définie

<html> 
<head>  
    <script type="text/javascript" src="javascript/jquery.1.8.3.min.js"></script> 
    <script type="text/javascript" src="javascript/TinyTableV3/script.js"></script> 
    <script type="text/javascript"> 
     var sorter; 
     $(document).ready(function() { 
      sorter = new TINY.table.sorter('sorter', 'listtbl', { 
       headclass: 'head', 
       ascclass: 'asc', 
       descclass: 'desc', 
       evenclass: 'evenrow', 
       oddclass: 'oddrow', 
       evenselclass: 'evenselected', 
       oddselclass: 'oddselected', 
       paginate: false, 
       size: 100, 
       sortcolumn: 1, 
       sortdir: 1, 
       init: true 
      }); 
     }); 
    </script> 
</head> 
<body> 
     <table id="listtbl" class="listtbl"> 
      <tr> 
       <th>number</th> 
       <th>name</th> 
       <th>address</th> 
       <th>comment</th> 
      </tr> 
      <tr> 
       <td>97</td> 
       <td>bob</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>912</td> 
       <td>daisy</td> 
       <td>856 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>24</td> 
       <td>john</td> 
       <td>666 sooome</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>365</td> 
       <td>kindle</td> 
       <td>66 mantimed</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>56</td> 
       <td>ishmael</td> 
       <td>12 diddles</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>234</td> 
       <td>hoppy</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>43</td> 
       <td>snaps</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>123</td> 
       <td>pickpic</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>15</td> 
       <td>hahazabamadan</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
     </table> 
</body> 
</html> 

petit tableau v3 trouvé à http://www.scriptiny.com/2009/11/advanced-javascript-table-sorter/

+0

Pouvez-vous fournir une démonstration http://jsfiddle.net? – SaidbakR

+0

Je ne sais pas comment, étant donné que c'est un plugin ajouté à partir d'un fichier séparé. – steventnorris

+0

Si vous n'êtes pas en mesure d'établir ce fichier en tant qu'URL liée à une balise de script, il suffit de copier son contenu et de le coller dans la première ligne de la section javascript de jsfiddle. – SaidbakR

Répondre

2

Renommez votre var tinytable à var sorter - qui semblait être la question dans ce violon http://jsfiddle.net/cP6qv/

également votre code html a été été mêlé - votre balise body était à l'intérieur de votre étiquette de tête. etc ..

Vous devez également utiliser des balises pour envelopper votre et pour envelopper votre corps de table