This is a migrated thread and some comments may be shown as answers.

$

9 Answers 298 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Rob Ainscough asked on 01 Mar 2019, 12:51 AM

This may or may not be a Telerik issue (I don't "think" it is), but thought I'd post here just in case anyone had some insight. I'm getting this error when I add some JavaScript to my ASPX or even just a simple HTML page (using IE11):

Error: https://drive.google.com/open?id=1Rb_dXueUJuqJWdQ_IKg69LV4iuDJRFrl

The code is very simple HTML:

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8" />

</head>

<body>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(console.log("Test"));

</script>

</body>

</html>

9 Answers, 1 is accepted

answered on 01 Mar 2019, 03:21 PM

Hi Vessy,

Thank you for the response ... this sounds foreboding but I'll give it a try. The link you provide has another link to the "required" version of JQuery that Telerik controls use ... but that link is broken see here: https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/%7B%slug%20introduction/radcontrols-for-asp.net-ajax-fundamentals/using-jquery/using-jquery%20%%7D#jquery-version-history-in-telerik-ui-controls

Do you have a corrected link or can provide the correct <script src= ... for the JQuery version?

Cheers, Rob.

answered on 01 Mar 2019, 04:06 PM

UPDATE:

I disabled embedded JQuery in my Web.Config and added external JQuery script references but now I get $telerik undefined and the following error:

https://drive.google.com/open?id=1R3g3Kb2cBTTjwV8JyGxg8gdOBtZPLx12

My Web Config:

<appSettings>

<add key="BindGridInvisibleColumns" value="true" />

<add key="CSApiKey" value="" />

<add key="KeepOriginalOrderOfScriptDescriptorsDuringAjax" value="true" />

<add key="Telerik.AsyncUpload.ConfigurationEncryptionKey" value="" />

<add key="Telerik.Upload.ConfigurationHashKey" value="" />

<add key="Telerik.AsyncUpload.TemporaryFolder" value="~/tempUploads" />

<add key="Telerik.EnableEmbeddedBaseStylesheet" value="true" />

<add key="Telerik.EnableEmbeddedScripts" value="true" />

<add key="Telerik.EnableEmbeddedSkins" value="true" />

<add key="Telerik.ScriptManager.EnableEmbeddedjQuery" value="false" />

<add key="Telerik.Web.UI.RenderMode" value="lightweight" />

<add key="Telerik.Web.CaptchaDenyAudioHandler" value="true" />

<add key="Telerik.Web.DisableAsyncUploadHandler" value="true" />

<add key="Telerik.Web.DisableCloudUploadHandler" value="true" />

<add key="Telerik.Web.UI.DialogParametersEncryptionKey" value="" />

<add key="Telerik.Web.UI.ScriptFolder" value="~/MyScripts/" />

<add key="Telerik.Web.UI.ScriptFolders" value="~/MyScripts/; ~/MoreScripts/" />

<add key="Telerik.Web.UI.StyleSheetFolder" value="~/App_Themes/" />

<add key="Telerik.Web.UI.StyleSheetFolders" value="~/App_Themes/; ~/MyStyleSheets/" />

<add key="UseGridNativeEditorsInMobileMode" value="true" />

<add key="Telerik.Skin" value="Web20" />

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />

</appSettings>

My ASPX page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="MIOnline.aspx.vb" Inherits="DC.Web.MIOnline" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<link rel="stylesheet" runat="server" media="screen" href="DCStyles.css" />

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>MI</title>

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

<script type="text/javascript">

$(document).ready(console.log("Test"));

</script>

</head>

<body>

<form id="frmMI" runat="server">

<telerik:RadScriptManager ID="rsmMI" runat="server" EnableHandlerDetection="false" EnableScriptCombine="false" EnableEmbeddedjQuery="false">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="rskmMI" runat="server" Skin="Web20"></telerik:RadSkinManager>

<telerik:RadInputManager ID="rimMI" runat="server"></telerik:RadInputManager>

<telerik:RadWindowManager ID="rwmMI" runat="server"></telerik:RadWindowManager>

Also now getting the $Telerik undefined error ... any suggestions?

Cheers, Rob.

answered on 06 Mar 2019, 12:28 PM

Telerik-jQuery.zip

Hi Rob,

The proper link to the supported jQuery version of our controls is as follows:
https://docs.telerik.com/devtools/aspnet-ajax/general-information/using-jquery/using-jquery#jquery-version-history-in-telerik-ui-controls

Please note, that the controls' scripts must be loaded in exactly the same order like given in the pointed help article in order to work properly:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableEmbeddedjQuery="false">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

For convenience, I am attaching a sample project containing two pages - one using the embedded and one - using the external jQuery, so you can examine them at your end.

Regards,
Vessy
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.