AngularJS打破了JQuery动画

时间:2016-11-07 14:16:52

标签: javascript jquery html css angularjs

我是一名新的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,带模板的重复仅适用于bootstrap CSS样式,但所有动画都消失了。 有人可以帮帮我吗?

非常感谢!

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

1 个答案:

答案 0 :(得分:1)

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

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

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