Home/ Questions/Q 8851755
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T13:14:00+00:00

This is my first attempt at using the jquery library so I am not

  • 0

This is my first attempt at using the jquery library so I am not sure how to initialize the tablesort plugin. I am attempting this without an external .js file so that I know that the link between my html and javascript is not the issue. I have also included a seperate js function so that I know that the jquery library is being loaded. When I click the link I receive the Hello World! alert. I have read and watched about 5 tutorials which explain very well, and without variation, how to do this and each time I get no response when trying to sort my table. Again, for simplicity I have placed my html file, my jquery library and the tablesorter files in the same folder. (see image below)

Here is my code:

<html>                                                                  
<head>                                                                  
<script type="text/javascript" src="jquery-1.8.2.min.js" </script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>

<script type="text/javascript">                                         
    $(document).ready(function() {
        $("a").click(function() {
            alert("Hello world!");
            });
        });

         $(document).ready(function(){
            $("#large").tablesorter();
         });
</script> 
 </head>                                                                 
 <body>   
 <a href="http://localhost/fortesting.html">Link</a>

<table id="large" cellspacing="0">
<thead>

    <tr>
        <th>Email</th>
        <th>Id</th>
        <th>Phone</th>
        <th>Total</th>
        <th>Ip</th>
        <th>Url</th>
        <th>Time</th>
        <th>ISO Date</th>
        <th>UK Date</th>
    </tr>
</thead>    
<tbody>
    <tr>

        <td>devo@flexomat.com</td>
        <td>66672</td>
        <td>941-964-8535</td>
        <td>$2482.79</td>
        <td>172.78.200.124</td>
        <td>http://gmail.com</td>
        <td>15:10</td>
        <td>1988/12/14</td>
        <td>14/12/1988</td>
    </tr>

    <tr>
        <td>henry@mountdev.net</td>
        <td>35889</td>
        <td>941-964-9543</td>
        <td>$2776.09</td>
        <td>119.232.182.142</td>
        <td>http://www.gmail.com</td>
        <td>3:54</td>
        <td>1974/1/19</td>
        <td>19/1/1974</td>
    </tr>

    <tr>
        <td>christian@reno.gov</td>
        <td>60021</td>
        <td>941-964-5617</td>
        <td>$2743.41</td>
        <td>167.209.64.181</td>
        <td>http://www.dotnet.ca</td>
        <td>10:58</td>
        <td>2000/3/25</td>
        <td>25/3/2000</td>
     </tr>
   </tbody>
 </table>
</body>
</html>

Is anyone able to see where my error may be? As far as I can tell it is something to do with the jquery.tablesorter.min.js file linking to my jquery library but as I mentioned before I have followed multiple tutorials with no change in the outcome. I have attempted this in both IE9 and Firefox. Thanks for taking a look.

shot of my folder

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You were missing a > in your code here:

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

    The reason it still works is because it ignores </script and then the entire next line up until </script>, so essentially it was turned into:

    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>

    meaning the tablesorter.js wasn’t being loaded.

    You should have still been getting a tablesorter is undefined error though.

    • 0