$(document).ready(function () $ is not defined

Question

I'm working on asp.net mvc and using Kendo UI grid control for data retrieving, using these functionality for another application working fine problem not in code. All JavaScript and Kendo grid ui reference including when i run the application i face these error

$(document).ready(function () $ is not defined List:178 Uncaught TypeError: $(...).kendoDatePicker is not a function

multiple time. when i click on error they show me error on this lines

<script>
$(document).ready(function () {
    $("#StartDate").kendoDatePicker();
});

I add assembly on reference but noting fruitful.

You need to reference jquery in your html code before that script. — Łukasz Trzewik, Sep 29 '16 at 07:57
Ensure jQuery loaded before any required script, either by bundling (`Scripts.Render`) or use src attribute on script tag. — Tetsuya Yamamoto, Sep 29 '16 at 08:00
JQuery is Loaded but facing these error List:178 Uncaught TypeError: $(...).kendoDatePicker is not a function — Hassan Abbas, Sep 29 '16 at 08:00
@HassanAbbas — Incomplete question will never help the cause.. — Rayon, Sep 29 '16 at 08:02
Make sure `kendo.all.ui.js` and other related Kendo UI JS loaded properly. See http://www.telerik.com/forums/newbie-kendodatepicker-is-not-a-function for details. — Tetsuya Yamamoto, Sep 29 '16 at 08:03

Husni Salax · Accepted Answer · 2016-09-29T08:23:06.297

7

This says that, missing jQuery source.

You should add jQuery source between head tags:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">

References must be in head tag following order:

<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />

    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>

edited Sep 29 '16 at 08:23

answered Sep 29 '16 at 08:00

Husni Salax

1,968
1
19
29

write under tag, but facing same issue List:178 Uncaught TypeError: $(...).kendoDatePicker is not a function – Hassan Abbas Sep 29 '16 at 08:02
You should also add kendoDatePicker source – Husni Salax Sep 29 '16 at 08:03
@HassanAbbas load scripts in following order: jQuery, Kendo, YourScripts – Rajesh Sep 29 '16 at 08:04
@HassanAbbas, check your reference between head tags, I've edited my solution – Husni Salax Sep 29 '16 at 08:07

$(document).ready(function () $ is not defined

1 Answers1

Linked

Related