AngularJS: Bootstrap-colorpicker Colors are not displayed if Jquery is added above the angularJS

Question

I have found a strange issue where if i add Jquery above the angular js, bootstrap color picker stops displaying the colors. In my index.html

<script src="assets/libs/jquery-1.12.4.min.js"></script>
<script src="assets/libs/angular.min.js"></script>

I am doing this so as to use custom scroller (nanoscroller) where they require Jquery to be initialized before angular. Can you please help ?

try loading [latest version](http://code.jquery.com/jquery-3.1.1.min.js) of jQuery — Gangadhar Jannu, Mar 03 '17 at 12:53
@GangadharJannu You saved the day. Thank you. Could you please add your comment as the answer so that i can accept it. — Aman Gupta, Mar 03 '17 at 13:05

Gangadhar Jannu · Answer 1 · 2017-03-03T13:28:04.253

0

It might be the issue with jQuery compatibility.

Try loading the compatiable version of jQuery from here

edited Mar 03 '17 at 13:28

answered Mar 03 '17 at 13:08

Gangadhar Jannu

Sorry. But bootstrap requires Jquery of version less than 3. – Aman Gupta Mar 03 '17 at 13:25
@Indian_DEVELOPER try with 2.x version. I've updated the link – Gangadhar Jannu Mar 03 '17 at 13:28

1 Answers1