This is a migrated thread and some comments may be shown as answers.
What version of jQuery
3 Answers 21 Views
This is a migrated thread and some comments may be shown as answers.
BitShift
Top achievements
Rank 1
BitShift asked on 12 Feb 2020, 03:59 PM

 

Below is from a sample app I generated, from the _Layout.cshtml file.  If you look at the kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js file, its using a really old version of jQuery.  How can we use a more current version?

 

    <link href="htt    <link href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />

    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.aspnetmvc.min.js"></script>

3 Answers, 1 is accepted

Sort by
0
BitShift
Top achievements
Rank 1
answered on 12 Feb 2020, 04:24 PM

Im trying to get bootstrap toasts working in my app that uses the kendo libraries (including jquery 1.x), following along with this example
https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_toast&stacked=h

However, when I render the page, the toast is visible immediately, and clicking on the button I get 'toast() is not a function'

0
BitShift
Top achievements
Rank 1
answered on 12 Feb 2020, 04:26 PM

The references I am actually using in my _Layout file are

 

    <link href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay">
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.aspnetmvc.min.js"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="~/js/site.js"></script>

0
Martin
Telerik team
answered on 17 Feb 2020, 11:47 AM

Hello Randal,

You can use another jQuery version by adding the reference to it instead of the one included when you create a new Telerik project.

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
//<script src="https://kendo.cdn.telerik.com/2020.1.114/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>

As for the error you are receiving, I tested the links from your last reply and I was able to reproduce the problem. I managed to resolve it by referencing a more recent boostrap version. Here is a small Dojo example for reference.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script></head>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

I hope the above was helpful. Feel free to contact us whenever you have Kendo related questions.

Regards,
Martin
Progress Telerik

Get quickly onboarded and successful with Telerik UI for ASP.NET Core with the dedicated Virtual Classroom technical training, available to all active customers.
Asked by
BitShift
Top achievements
Rank 1
Answers by
BitShift
Top achievements
Rank 1
Martin
Telerik team
Share this question
or