Only one embedded tweet displaying


#1

I have a website with closed panels. One or more panel can be open on the page. When the page opens up, there may or may not be one or more urls to a twitter status. The entire web page is dynamically generated. The embedded status is then loaded and displayed. I actually coded this and tested it on my own local host and it worked fine. Once I installed it on the client site, only one embedded tweet, the one on first panel that is opened actually displays.

<blockquote class="twitter-tweet" lang="en"><p><a href="https://twitter.com/user/status/123"></a></p></blockquote><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

It’s clear that I am doing something wrong. I have been spinning my wheels trying to find answers to this and examples on the api page. I would appreciate some help!

Thanks!


#2

Have you tried passing the HTMLElement of the new panel to twttr.widgets.load()?
https://dev.twitter.com/web/javascript/initialization


#3

That documentation is as clear as mud to me.


#4