Error , uncaught typeerror: $(...).datatable is not a function in MVC

Question

0.00/5 (No votes)

See more:

I got in my jquery data table. i have tried this on .aspx but when i tried it in MVC I got this error.

What I have tried:

my jquery .
$(document).ready(function () {
var t = $('#sample_editable_1x').DataTable();
var Raw="";
$('#sample_editable_1_new').on('click', function () {
t.row.add([
Raw + '',
Raw + '',
Raw + '',
Raw + '',
Raw + ' edit ',
Raw + ' delete '
]).draw(false);
});
});

in _layout page

@Scripts.Render("~/Content/Metro/global/scripts/datatable.js")
@Scripts.Render("~/Content/Metro/global/plugins/datatables/datatables.min.js")
@Scripts.Render("~/Scripts/jquery-1.10.2.js")

Posted 3-Oct-16 0:31am

T_Sub

Updated 3-Oct-16 0:46am

Add a Solution

Comments

Karthik_Mahalingam 3-Oct-16 12:18pm

try creating a simple page , add the reference and check whether it actually works

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

F-ES Sitecore · Accepted Answer · 2016-10-03T00:46:00

Solution 1

Try re-ordering the scripts so that jquery is before the plug-ins, and you are also including the plug-in twice; the normal version (which you can read) and the minified version (which you'll struggle to read). You should only reference it once.

@Scripts.Render("~/Scripts/jquery-1.10.2.js")
@Scripts.Render("~/Content/Metro/global/plugins/datatables/datatables.min.js")

There may still be other issues with your code, though, your own js needs to execute after the scripts.render statements too.

Posted 3-Oct-16 0:46am

F-ES Sitecore

Comments

T_Sub 3-Oct-16 8:01am

fix those errors but same error.

F-ES Sitecore 3-Oct-16 9:01am

It's hard to help from the little info you've given. Use the console of the browser's dev tools and look at the network section also to make sure your scripts are loading and in the right order, also make sure your own code runs after the scripts are included on the page.

T_Sub 26-Oct-16 7:20am

Thank You very much !