Angular UI Select2 in the Bootstrap Navigation Bar

Question

Select2 of the Angular-UI in Bootstrap navigation bar is giving error

TypeError: Object [[object HTMLInputElement]] has no method 'is'

Please refer to the http://plnkr.co/edit/yCG5M9

@jm-'s answer is correct. I've added an explanation to his post. — Ben Lesh
– Ben Lesh, Commented Dec 6, 2012 at 20:53

Ben Lesh · Accepted Answer · 2012-12-06 20:52:23Z

1

You need to load jQuery before AngularJS

Just change the order to

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>

EDIT (blesh): This is because if angular doesn't see JQuery as it's loading, then the tElm (angular element) argument being passed into that compile function is a jqLite object. If Angular sees JQuery has been loaded first, the tElm will be a full JQuery object, and is() will be available.

edited Dec 6, 2012 at 20:52

Ben Lesh

109k47 gold badges251 silver badges233 bronze badges

answered Dec 6, 2012 at 14:26

jaime

42k10 gold badges85 silver badges52 bronze badges

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

2 Comments

Ben Lesh Over a year ago

This is the correct answer, I just added an explanation of why it's the correct answer.

Devesh Over a year ago

But After changing the order of the script import Bootstrap navigation collapse does not work. The collapse button that comes for responsive design does not work. Please see the updated link plnkr.co/edit/yCG5M9

Collectives™ on Stack Overflow

Angular UI Select2 in the Bootstrap Navigation Bar

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related