Help with TwitchTv Project

My project is here:

When you click on the links for the various streams, it opens a new tab with the correct url for that channel, but the twitch tv site doesn’t load the page for some reason. However, if you then cut/paste the url into another browser tab, it works! Any hints as to what is happening here?

My links are created on line 30 in my JS. Any help would be appreciated. Thanks!

Hmmm, it’s actually working correctly on my iphone on safari, but not working on my laptop on google chrome. Now I’m even more confused lol. Any ideas?

Thanks @vickylaiio
When you click on the links for the streams, does the twitch site load correctly for you? The sites are not loading for me, even though the correct URL text appears in the address bar! However, cutting and pasting this text into a new tab ends up working. I’m totally lost here.

@vickylaiio thanks!

yes, I am accessing codepen using https.

I think you are correct. I tried other people’s twitch projects and I get the same issue. I think it’s just something on my local machine, since I get the same issue using other browsers but not on my iphone. So strange. I don’t get any pop-ups or warnings (alerts) telling me that anything has gone wrong.

These are the errors I am getting in the new tab that opens when I click on a the stream links that I created with jquery. I can’t seem to make any sense of them after googling. Anyone get a similar error?

Sadly, this is a known issue:

The only solution is to host your project somewhere rather than use CodePen.

1 Like

Thank you @PortableStick ! I thought I was going crazy when I couldn’t figure this out!