【问题标题】:AngularJS conflicts with jQuery MobileAngularJS 与 jQuery Mobile 冲突
【发布时间】:2014-11-16 11:03:47
【问题描述】:

我运行这个来自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 的 include 之前,那么单选按钮是可点击的,但选项的显示(“你选择...”)不再起作用。

有人知道为什么它不起作用吗?

【问题讨论】:

  • 你的插件网址不好
  • 你没有保存你的 plnkr
  • 谢谢哥们,我修改了我的帖子

标签: javascript angularjs jquery-mobile include


【解决方案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>

【讨论】:

  • 感谢阿卜杜勒的回答,确实它适用于脚本序列,但是当我使用 jQuery Mobile CSS 时,角度 JS 标签不会更新(“你选择......”) .我已经忘记在我的帖子中提到它了,我现在已经更正了它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-11-22
  • 1970-01-01
  • 1970-01-01
  • 2013-01-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多