Lettering.js not working

Question

I'm trying to use lettering.js for the first time and I can't seem to figure out why it's not working. My goal is to get the project names under the photos on the right side of the page to use this script. Can anyone take a look and tell me what I'm doing wrong?

http://dnb.khcreativemedia.com/

Thank you, Krith

`$` doesn't look to be defined - are you using [noConflict](http://api.jquery.com/jQuery.noConflict/) somewhere? — cmbuckley, Oct 31 '13 at 19:00
You're importing two different versions of Lettering for some reason. — Pointy, Oct 31 '13 at 19:03
& Welcome to stack overflow, you'll want to post a code snippet and something more informative than "not working". Questions on SO become records for future site visitors & were anyone to answer this, it would become unintelligible to future visitors as soon as your dev site disappears. — MatthewMartin, Oct 31 '13 at 19:03
Thanks guys. Sorry for the newbie mistakes. Looks like cbuckely spelled it out perfectly for me and it is now working. — Keith Higginbotham, Oct 31 '13 at 19:21

cmbuckley · Answer 1 · 2013-10-31T19:24:59.323

At the bottom of your jquery.js, you have:

jQuery.noConflict();

jQuery.noConflict causes $ to be undefined, so you'll need to use the following in your snippet:

jQuery(document).ready(function () {
    jQuery(".project-title").lettering('words');
});

As shown on the .ready() documentation, your function is passed jQuery as a variable, so you can name it whatever you want in local scope:

jQuery(document).ready(function ($) {
    $(".project-title").lettering('words');
});

You can use the developer console in a modern browser to see the following error:

Uncaught TypeError: Property '$' of object [object Object] is not a function

Thank you very much. New to js and learning as I go. This has been very helpful. — Keith Higginbotham, Oct 31 '13 at 19:22

Lettering.js not working

1 Answers1