$(document).ready(function() doesn't work after link

programming web dev
1

Hi Guys,

I’m at my wit’s ends trying to figure this out. I’m just too new at this.

I’ve noticed that any scripts I run after $(document).ready(function() do not work after certain links.

On my site, if you use the “older posts” link, you’ll notice that the images do not have the rollover/fade effect. My fancybox script does not work either. However if I use the Gallery or Archive links, everything works fine.

Something about that “older posts” link breaks things. Blogspot uses a “widget” to activate those links. The code for that looks like this:

 <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/> &#8594;</a>
      </span>
    </b:if>

This seems like such a simple problem, but I just don’t know what to do. If you can help I’d really appreciate it.