javascript - AngularJS 破坏了 JQuery 动画

标签 javascript jquery html css angularjs

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

            <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,repeat with a template 仅适用于 bootstrap CSS 样式,但所有动画都消失了。 有谁能帮帮我吗?

非常感谢!

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

最佳答案

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

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

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

关于javascript - AngularJS 破坏了 JQuery 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40467360/

相关文章:

javascript - 使用额外的 css/jQuery 选项修改搜索框

html - 添加没有 javascript 的选项卡 4,只有 html 和 css

javascript - 设置表单部分不可见

javascript - 查找通用项的 Src 属性

javascript - 关闭 React 应用程序中所有输入的自动完成功能

javascript - 围绕圆对齐元素

jquery 插件 'uploadify' - 从上传脚本返回响应的方法?

jquery - jQuery 的多个动画

javascript - 如果长度为 4,则提醒和自动刷新文本框

javascript - 文本 slider 在每次迭代后从左侧增加偏移量