AngularJS broken JQuery animations

Question

I'm a new angularjs student, and i was making my menu with ng-repeat. I made a template too, but when i debug my code, all jquery animations are gone. All menus are inside of my div's with jquery animations.

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

This is my HTML, the repeat with a template only works with bootstrap CSS style, but all animations are gone. Can anyone help me, please?

Thanks a lot!

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

You have to download it, i dont know why Plunker does not build it... i think its because there are much code... So, that's what i want to do. this animation broken when i use directives and ng-repeat on AngularJS. When i created the template of <li>'s , i put it between Nav's and all classes of Inspinia.JS and Metismenu. but it didn't work. — Johnson
– Johnson, Commented Nov 7, 2016 at 16:30

K Scandrett · Accepted Answer · 2016-11-08 01:33:06Z

1

Your plunk doesn't work because you're mixing http and https. The insecure content (jQuery and the font) is blocked.

I updated your code to reference https, commented out the missing plugins, added in AngularJS 1.5 for the existing menu items so you should be able to compare that with your attempt:

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

answered Nov 8, 2016 at 1:33

K Scandrett

16.6k4 gold badges43 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Johnson Over a year ago

Hmmm Got it! But why it does not work in google chrome? i tested in firefox and it goes well. Thanks!

K Scandrett Over a year ago

Have a look at the developer console in Chrome and check for any error messages

Johnson Over a year ago

I substitute the jquery link to a file, and it works well. So... I can't mix Http and Https? Angular uses Https, so thats why you change all http to https, right?

Collectives™ on Stack Overflow

AngularJS broken JQuery animations

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related