Question

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?

Answer 1

It looks like your version of jQuery is not compatible with dataTables. Try using the version of jQuery that came with dataTables. I think it is jQuery 1.7.1.