Photoswipe: Uncaught TypeError: Cannot read property 'firstChild' of undefined

Created on 7 May 2015 · 11Comments · Source: dimsemenov/PhotoSwipe

Using your demo markup from CodePen and your scripts installed via Bower I am getting the following error

Uncaught TypeError: Cannot read property 'firstChild' of undefined. on line 66 of photoswipe.js

Source

craigmdennis

Most helpful comment

Moving initiating

All 11 comments

Make sure that .pswp element markup is correct (step 2 in the documentation). And make sure that <script> that initializes PhotoSwipe is after .pswp element (or run it in document.ready).

Please provide a reduced test case (isolated example) that reproduces the problem (upload example to your server, or attach .zip'ed project, or use codepen/jsfiddle).

dimsemenov on 7 May 2015

👍2

Hi,

I think it was the fact that I had a non-figure element in the collection. A quick check on the nodeName and all is well.

craigmdennis on 9 May 2015

@craigmdennis Currently having the same issue when trying to open Photoswipe through parsing the URL hash. Mind sharing your workaround?

rppld on 24 Feb 2016

@rppld I can't remember the specifics but — based on my previous comment — where Photoswipe loops through the elements, I skipped to the next element when it wasn't a <figure>.

for(var i = 0; i < numNodes; i++) {
  figureEl = thumbElements[i]; // <figure> element

  // include only element nodes that are `<figure>`s
  if(figureEl.nodeType !== 1 || figureEl.nodeName !== 'FIGURE') {
    continue;
  }

// ...
}

The above is around line 19

craigmdennis on 24 Feb 2016

I got the same problem. I moved the scripts before the end of </body> tag and solved it. Everything works fine.