Words with H1 tags

[ghost]

Hey guys, I could just be missing something here, but I'm trying to use the lettering words method with an H1 tag. It only is allowing me to manipulate each letter and not the whole word. I switched it to a paragraph tag and it works. I would rather have the site's main title in an H1 tag. Any suggestions?

I'm using this:

$(document).ready(function() {
$(".headline").lettering('words');
});

[davatron5000]

I was able to create a little working version over on JSFiddle: http://jsfiddle.net/dSDvr/
It should work on a h1 no problem, and we've had no problems in the past.

Maybe post/test your code on JSFiddle.

[ghost]

hmmm, it is now also altering other paragraphs even though they do not have the same class.

[davatron5000]

I'd have to see some HTML to verify how its being used, it's a little too mysterious right now.

[lukeholder]

The example at http://jsfiddle.net/dSDvr/ given above - which is meant to be proof that it works with h1 - fails, in that it does not color any words when tested in internet explorer 9 on windows 7.

The default (plain lettering) also fails on a h1 within ie9 on windows 7, see here:
http://jsfiddle.net/dSDvr/8/

Any question let me know...

[davatron5000]

@lukeholder can you post a screenshot of what you're seeing?

Also, is this site failing? http://lostworldsfairs.com/atlantis/
Reason being that Lettering was actually built out for IE9, so it should handle it just fine.

Sorry to make you do the legwork, my Win machine is completely exploded at the moment.

[lukeholder]

this:
http://jsfiddle.net/dSDvr/8/
result:
http://lukeholder.me/screenshots/Windows_7_IE_9-20110706-154636.jpg

this:
http://lostworldsfairs.com/atlantis/
result:
http://lukeholder.me/screenshots/Windows_7_IE_9-20110706-154748.jpg

this:
http://jsfiddle.net/dSDvr/
result:
http://lukeholder.me/screenshots/Windows_7_IE_9-20110706-154834.jpg

[davatron5000]

Thanks so much for posting those. Very weird.

My last test would be to try a different version of jQuery. Googling around I found some issues filed on jQuery 1.5.2 for IE9 (http://bugs.jquery.com/ticket/8052) which might be affected by jQuery.

Let me know if that fixes it and if so I'll make a note that Lettering requires jQuery 1.6+

[ghost]

Hey Dave, yeah I just updated to the newest version of JQ for my newest project, and it fixed the problem. Thanks!

[lukeholder]

newer jquery fixes for me also.

[davatron5000]

huzzah! I'll add a note about minimum requirements over on the Readme & Wiki.