Why is JQuery not loading my script?

Question

I have a script that I am using to share images. After the script (at the bottom) in the same js file I have the following:

$(document).ready(function() {
    $(".shared").after('<div class="share-button"></div>');
});

new Share(".share-button", {});

For some reason the script does not work. But when I have the page up and enter the above script in, it loads and the div shows up.

Am I missing something here?

Presuming the "new Share" part instantiates something onto the element you're creating above that line, the creation is happening once the DOM has loaded and the instantiating isn't - therefore when you run new Share, the element doesn't exist yet. When you put it into your console manually, it will work because the element does then exist. Put new Share() into your document ready scope. — scrowler
– scrowler, Commented Aug 15, 2014 at 21:44
Its calling the actual share button plugin. Here is a link to see the complete code link — Brendan
– Brendan, Commented Aug 15, 2014 at 21:45
Im not getting an error in the browser, its just not loading. Normally, I would just add this to the footer surrounded by script tags but I have to everything in one js file. Does that matter? — Brendan
– Brendan, Commented Aug 15, 2014 at 21:49

3bh · Accepted Answer · 2014-08-15 21:52:32Z

1

Looks like you're trying to instantiate a Share object that depends on the "share-button" elements existing, but those elements don't exist because they're added in $(document).ready(). Try this:

$(document).ready(function() {
    $(".shared").after('<div class="share-button"></div>');
    new Share(".share-button", {});
});

Note that the "new Share()" is inside the ready handler, after the "share-button" has been added to the page.

answered Aug 15, 2014 at 21:52

3bh

8461 gold badge6 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

Why is JQuery not loading my script?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related