AngularJS конфликты с JQuery Mobile

Question

я запускаю этот простой сценарий, который исходит от Angular documentation, и это прекрасно работает:

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

Если добавить JQuery и JQuery Mobile, то пример больше не работает. Радиообъективы не доступны.

Пример: Если добавить эти два сценария и следующий CSS в приведенном выше примере:

<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" /> 

Если я ставлю их перед тем, включают в angular.js, то RadioButton можно щелкнуть, но отображение выбора («Вы выбираете ...») больше не работает.

Кто-нибудь знает, почему он не работает?

Answer 1

Используйте эту последовательность. не знаю причину, но работал в 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>