Wordpress theme Javascript problem

Question

Hello,

I have a wordpress site running the WP-Coda theme here, and have been working to create a page template. The link to the a page with the template is namastebella.byethost5.com/random (Sorry no hyperlink, can't post 2 as a beginner!)

The "fadethis" javascript function makes animated hovers on the top three links. It works on the main page, but I can't seem to figure out why it doesn't work on the page template at /random. The header is the same, and loads the same script on both, and the html calls for the same tag.

UPDATE: I just added a hello alert after document.ready. It's not loading for the /random page. So the Js isn't loading at all on the page. What's wrong?

Any help?

Thanks, zeemy

Answer 1

Here is the problem. The site is trying to build a "slider" on line 14 of your global.js. It is failing because you don't have the needed HTML for the panels.

The site that works has all the needed slider html.

Open the site that works and search for this. You will see the difference.

<div id="slider">

Answer 2

I pulled your code from your header and ran it through Firebug.

$('.fadeThis').append('<span class="hover"></span>').each(function () {
    var $span = $('> span.hover', this).css('opacity', 0);
    $(this).hover(function () {
        $span.stop().fadeTo(250, 1);
    }, function () {
        $span.stop().fadeTo(250, 0);
    });
});

It runs without any errors and works as expected. I would add some debug output in your document.ready callback to make sure that execution is even getting to that point.