Dynamic page (jQuery) not loading javascript correctly

Question

I'm currently writing a small website and just adapted a tutorial found here to get dynamic content loading working. You'll see that on the home page, if you click a link, the view will expand to expose the video beneath it, however if you navigate to the same page using the left sidebar (Top rated) you'll see that all the links are expanded and I can't work out what is going wrong, any ideas?

Website is here

Lee Taylor · Accepted Answer · 2013-03-05 14:21:21Z

2

Your code in scripts.js (line 67):

$("nav a[href="+newHash+"]").addClass("link2currentpage");

results in the following error:

Uncaught Error: Syntax error, unrecognized expression: [href=index.html]

You need to put quotes around your href:

$("nav a[href='"+newHash+"']").addClass("link2currentpage");

answered Mar 5, 2013 at 14:21

Lee Taylor

7,99416 gold badges38 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Lee Taylor Over a year ago

@WillAndrew - No problem. Though, if it fixed the problem, then why mark another answer as the answer?

Will Andrew Over a year ago

It fixed a different problem to the one I was asking but I'm still grateful!

Lee Taylor Over a year ago

@WillAndrew - OK, no worries. That I could help!

freejosh · Accepted Answer · 2013-03-05 14:25:04Z

1

Your function that collapses the expandable elements (prepareList) is only called once - when the DOM is ready.

When you navigate using the sidebar the page doesn't refresh so that function won't be called again.

Add prepareList() to the $mainContent.fadeIn callback (where you currently have /* Stop loading animation */).

answered Mar 5, 2013 at 14:25

freejosh

11.4k4 gold badges36 silver badges47 bronze badges

4 Comments

Will Andrew Over a year ago

That did the trick, many thanks (I'm fairly new to web development). I put the prepareList() call after this line $mainContent.hide().load(newHash + " #content", function() { so that the page resized correctly after having prepared (collapsed) the list

Will Andrew Over a year ago

Any ideas about why expanding an element in the list does not move the footer?

freejosh Over a year ago

Please create a new question if you need that answered. On first look something is adding a height to the #inside div.

Will Andrew Over a year ago

Thanks, question posted here - stackoverflow.com/questions/15233411/…

Binary Brain · Accepted Answer · 2013-03-05 14:21:12Z

0

You've got an error:

Unsafe JavaScript attempt to access frame with URL http://drue.co.uk/1site/index.html from frame with URL http://www.youtube.com/embed/GaoLU6zKaws?rel=0. Domains, protocols and ports must match.

You cannot make cross-sites Ajax request in Javascript for safety reason.

You may use YouTube's API to add embedded players: https://developers.google.com/youtube/youtube_player_demo

answered Mar 5, 2013 at 14:21

Binary Brain

1,20110 silver badges20 bronze badges

Collectives™ on Stack Overflow

Dynamic page (jQuery) not loading javascript correctly

3 Answers 3

3 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related