AngularJS与jQuery Mobile冲突

Question

I run this simple script that comes from Angular documentation , and it's working fine:

http://plnkr.co/edit/6uIlw6HGVVpT0amF2vhj

If I add jQuery and jQuery Mobile, then the example doesn't work anymore. The radiobuttons are not clickable.

Example: If I add these two scripts and the following CSS in the above example:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css" />

If I put them before the include of angular.js, then the radiobutton are clickable, but the display of the choice ("You choose...") doesn't work anymore.

Does somebody knows why is it not working?

Answer 1

Use this Sequence. dont know the reason but worked in plunkr.

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.2/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>