I'm getting the following error when I try to access a page that's supposed to display a table with the jquery plugin from datatables.net:
Microsoft JScript runtime error: Object doesn't support property or method 'dataTable'
Here is where I'm referencing various scripts/plugins on my page:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js" ></script>
<script type="text/javascript" src="Script/jquery.tools.min.js"></script>
<script type="text/javascript" src="Script/superfish.js"></script>
<script src="Script/jquery.MultiFile.js" type="text/javascript"></script>
<script type="text/javascript" src="Script/supersubs.js"></script>
Here is where I'm trying to call the dataTable function on the table (with id mod123):
<script type="text/javascript">
$(document).ready(function() {
$('#mods123').dataTable();
});
</script>
I have a thead and tbody tag within my table, but when I build the project and run it locally and navigate to the page, it gives me this error. When I go to the page in different browser, the error doesn't show of course, but the table that I'm trying to affect is not changed in any way.
When I look at the page in Firebug, it gives me the following error: $("#mods123").dataTable is not a function
Chrome's debugger says "Uncaught TypeError: Object [object Object] has no method 'dataTable'
Any ideas?
