Forums

virtual

Hi Guys,
I am having a problem with an image appended to an h2 tag not showing.
All the paths are correct as the image and the js both show up in my browser but they are not connecting to the tag in the site.

I have the following in a file called h2logo.js in a folder called js:

$(function() {

    $("h2")  
        .append('<img src="http://depinhodomains.com/phatburn/wp-content/themes/phatburn/images/logo-mini.png&quot; alt="phatburn logo" />');   

});

In the head section I have put

<script type="text/javascript" src="http://depinhodomains.com/phatburn/wp-content/themes/phatburn/js/h2logo.js"></script&gt;

And of course the h2 tag is on the home page of a Wordpress site.

Is there something I'm missing, like a . or a ; ????

Hompimpa

Instead of using .append(), better use .html():

$(function() {

    $("h2").html('<img src="http://depinhodomains.com/phatburn/wp-content/themes/phatburn/images/logo-mini.png&quot; alt="phatburn logo" />');   

});

virtual

That doesn't work, besides it does not tell the h2 tag where to place the image which .append does. Thanks anyway.

jamy_za

Is jQuery library loading properly? The script you've provided looks correct.

virtual

"Hits head against wall" ...Thanks Jamy, I completely forgot to load the jQuery library. Now it works...duh!

jamy_za

Haha it happens to all of us :p

virtual

Recap on this because I am new to Wordpress and it might help someone else. The jQuery library is already loaded but WP does not accept the jQuery $ code. So to use that it means enqueuing the js or else to modify the code to jQuery instead of $
e.g.

jQuery().ready(function() {
   jQuery("#mydiv").show();
});

treehouse : what would you like to learn today?

Forums

[Solved] Appended image not showing