【问题标题】:AngularJS broken JQuery animationsAngularJS 破坏了 JQuery 动画
【发布时间】:2016-11-08 09:53:24
【问题描述】:

我是一个新的 angularjs 学生,我正在使用 ng-repeat 制作我的菜单。 我也做了一个模板,但是当我调试我的代码时,所有的 jquery 动画都消失了。所有菜单都在我的 div 中,带有 jquery 动画。

            <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">

                 <webapi class="nav metismenu sidebar-collapse"></webapi>

                </ul>
            </div>
        </nav>

这是我的 HTML,带有模板的重复仅适用于引导 CSS 样式,但所有动画都消失了。 谁能帮帮我?

非常感谢!

https://plnkr.co/edit/BCmH9wnXXQzd7wntsrZl?p=preview

【问题讨论】:

  • 什么是jquery代码?
  • 你必须下载它,我不知道为什么 Plunker 不构建它...我认为是因为代码太多...所以,这就是我想要做的。当我在 AngularJS 上使用指令和 ng-repeat 时,这个动画坏了。当我创建
  • 's 的模板时,我将它放在 Nav's 和所有 Inspinia.JS 和 Metismenu 类之间。但它没有用。

标签: javascript jquery html css angularjs


【解决方案1】:

您的 plunk 不起作用,因为您正在混合 httphttps。不安全的内容(jQuery 和字体)被阻止。

我更新了您的代码以引用 https,注释掉了缺少的插件,在 AngularJS 1.5 中为现有菜单项添加了,因此您应该能够将其与您的尝试进行比较:

https://plnkr.co/edit/IunNO1j4mvueK6BawPa5?p=preview

【讨论】:

  • 嗯,知道了!但为什么它在谷歌浏览器中不起作用?我在firefox中测试过,一切顺利。谢谢!
  • 查看 Chrome 中的开发者控制台并检查是否有任何错误消息
  • 我将 jquery 链接替换为文件,效果很好。所以……我不能混用Http和Https? Angular 使用 Https,所以这就是为什么你把所有的 http 都改成 https,对吧?
猜你喜欢
相关资源
最近更新 更多
热门标签