Why is jQuery Prepending Twice?

Asked Jul 23 '15 at 18:08

Active Jul 23 '15 at 18:08

Viewed 366 times

For some reason I am having an issue where .prepend() is occurring twice.

My code is as follows:

<ul id="menu">
    <li id="menu-item-1">Menu One</li>
    <li id="menu-item-2">Menu Two</li>
    <li id="menu-item-3">Menu Three</li>
</ul>

$(document).ready(function() {

    var html = '<li id="menu-item-0">Menu Zero</li>';
    $('#menu').prepend(html);

});

The fiddle, https://jsfiddle.net/2Ljf9qn8/, is working properly.

Is there any known reason why this would produce the following?

Menu Zero
Menu Zero
Menu One
Menu Two
Menu Three

Any help is greatly appreciated.

FYI: I did remove the prepend outside of doc ready, just in case the page was loading twice, but still no luck.

asked Jul 23 '15 at 18:08

Matthew Woodard

3

its only prepending once for me – AmmarCSE Jul 23 '15 at 18:09
Its working fine for me. – Abhishek Prakash Jul 23 '15 at 18:11
even for me in jSfiddle its prepend once – CY5 Jul 23 '15 at 18:11
2

See http://stackoverflow.com/questions/10727002/jquery-document-ready-fires-twice – Radio Jul 23 '15 at 18:12
That's not something that jQuery would just randomly do. Something is making that happen more than once. – Pointy Jul 23 '15 at 18:12
Confirm u r using js only once – user1844933 Jul 23 '15 at 18:13
1

Use `console.log` to log out when `ready` fires, that way you can see if the event is causing it., – Hatted Rooster Jul 23 '15 at 18:14
I suspect you may have some issues with event listeners. Are you prepending on click (or hover etc) in your application? I'm guessing this is not the whole code. – boszlo Jul 23 '15 at 18:16
Thank you all, @JameyD - console logging ready helped me see that my script was loading twice. Always something simple ... thanks again. – Matthew Woodard Jul 23 '15 at 18:31
Did you find out why this was happening? I am having the same issue and have no event listeners other than doc ready and that is only firing once. Driving me mad! – Burkely91 Sep 17 '20 at 07:37

Why is jQuery Prepending Twice?

0 Answers0