The Kendo UI directives require jQuery to be available before AngularJS. Please include jquery before angular in the document -

i have mvc angular application.

there 2 layout files : loginlayout: - default layout masterlayout:

when click movie button , call movie controller , movie action.

    public actionresult movie()     {          return view();     } 

its using mainlayout file:

in mainlayout file have mentioned

<script src="             https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script>     @scripts.render("~/bundles/bootstrap")     <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> 

in page refresh , scripts orderly loaded, while click movie button. getting error.

i have attached screenshot below:

while click movie button scripts order error getting when click movie button when page refresh scripts loaded

i had same issue, loading jquery twice, other possible answers this question