We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to resolve the "JavaScript runtime error : '$' is undefined" with the Syncfusion controls?

Platform: ASP.NET Web Forms |
Control: General |
Published Date: April 20, 2015 |
Last Revised Date: May 8, 2019

Problem

JavaScript runtime error: ‘$’ is undefined

Runtime error

Figure 1: JavaScript runtime error: ‘$’ is undefined

Reason

The error arises when jQuery script file is not referred in the corresponding web application.

Solution

To resolve the error on undefined ‘$’, add jQuery script to the application and refer to the script files in the required page. In order to render the Syncfusion ASP.NET controls, refer to the dependent jQuery scripts and the Syncfusion specific script files.

Refer to the base jQuery script before the Syncfusion scripts, as “ej.web.all.min.js” and other EJ scripts depend on jQuery script file. Ensure the order of adding script references to avoid errors with dependent script files.

Now, the references for required files in Site.Master page is added. Refer to the following code example.

Site.Master

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="ProjectName.SiteMaster" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <%--Required CSS references for Syncfusion control rendering--%>
    <link href="Content/ej.widgets.core.min.css" rel="stylesheet" />
    <link href="Content/flat-lime/ej.theme.min.css" rel="stylesheet" />
    <%--Required script references for ASP.NET controls--%>
<%--Refer the base jquery script before referring all other script files--%>
        <script src="Scripts/jquery-1.10.2.min.js"></script>
        <script src="Scripts/jquery.easing-1.3.min.js"></script>
        <script src="Scripts/jquery.globalize.min.js"></script>
        <script src="Scripts/ej/ej.web.all.min.js"></script>
        <script src="Scripts/ej/ej.webform.min.js"></script>    
</head>
<body>
    <%--Your body content here--%>
</body>
</html>

Refer to the following UG links to know the required files to be referred for rendering the Syncfusion ASP.NET controls:

Script references: http://help.syncfusion.com/ug/js/Documents/scriptreferences1.htm

CSS references: http://help.syncfusion.com/ug/js/Documents/cssreferences1.htm

To add controls manually: http://help.syncfusion.com/ug/js/Documents/createmanually1.htm

2X faster development

The ultimate ASP.NET Web Forms UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon