Question

I have my site under the latest version of Jquery. There’s two problems however:

1. The main problem is when the site FIRST loads it has the content slider I put in. But if you click any of the links again or go back to the home page, the slider does not load properly
2. When the links are clicked the green bottom border is supposed to thicken to 5px and become less transparent but it is not doing that.

Here is just a link to my site which i just started: envycosmetics.zxq.net/Website/webpages/index.html

Answer 1

Ok, I will summarize everything.

One problem to solve is to write $("nav a[href='"+newHash+"']").addClass("current"); in your dynamicpage.js file. Otherwise it creates an error in jQuery library.

The problem with the slider is due to the fact that $('#banner').bjqs is called only once, during the initial load of the page. When you change it content with AJAX requests you remove the original HTML block for the slider with all listeners attached to it. When you load it back you have to reinitialize your slider code by calling that piece of code again

   $('#banner').bjqs({
      'animation' : 'slide',
      'width' : 940,
      'height' : 403
    });

as a new content of the page is loaded.

for example, you could modify your loading part as

  $mainContent.hide().load(newHash + " #guts", function() {
      $('#banner').bjqs({
          'animation' : 'slide',
          'width' : 940,
          'height' : 403
       });          
      $pageWrap.animate({
                height: baseHeight + $mainContent.height() + "px"
       });
      // below is the rest of the function