The Kendo UI directives require jQuery to be available before AngularJS with Kendo grid in routing template with Html5mode

Question

Why kendo load before Jquery in angular routing template with Kendo grid.

I have ordered the scripts, while clicking any event through angular routing templates getting this error in console.

Note: In page refresh, scripts loaded properly, the application works fine, not getting any error.

Only occurred in event routing. kendo load before jquery why.

order scripts :

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <script src="https://code.angularjs.org/1.3.8/angular.js"></script>
    <script src="//kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script>
    <script src="https://code.angularjs.org/1.3.8/angular-sanitize.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>

Tunaki · Accepted Answer · 2017-03-04 23:14:29Z

2

I had the same issue: I was loading jQuery twice.

edited Mar 4, 2017 at 23:14

Tunaki

138k46 gold badges370 silver badges443 bronze badges

answered Mar 4, 2017 at 23:06

abo-elleef

2,2381 gold badge15 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

2bit · Accepted Answer · 2017-03-04 19:18:27Z

1

Had the same issue. Resolved it by using the jQuery and angular that comes bundled with kendo

answered Mar 4, 2017 at 19:18

2bit

237 bronze badges

3 Comments

chinh nguyen van Over a year ago

How exactly did you do that? I am having the same issue.

2bit Over a year ago

If you bought kendo UI professional, you'll have jquery and angular bundled inside kendo/xxxx.x.xxx/jquery.min.js and kendo/xxxx.x.xxx/angular.min.js. For example, our build was kendo/2017.1.223/

2bit Over a year ago

My best guess as to why that occurs is perhaps because the kendo wrapper refers to the internal version of angular and jquery and on routing the global jquery object is overwritten with kendo's reference which does not exist because we haven't included it in our index file and later resolves to the version of jquery we did include in our index file, which leads to the error.

Collectives™ on Stack Overflow

The Kendo UI directives require jQuery to be available before AngularJS with Kendo grid in routing template with Html5mode

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related