Can't initialize a component after it was loaded with AJAX later

[kaszarobert]

Description

We encountered an issue that if we load HTML content dynamically with AJAX calls, the loaded Tab, Accordion etc. components don't work. I found information about that only for Foundation 5 https://get.foundation/sites/docs-v5/components/accordion.html#adding-new-accordion-content-after-page-load but not for Foundation 6. There is something like that mentioned https://get.foundation/sites/docs/accordion.html#js-class but it's really not clear what types of variables does it need, and I couldn't get it working that way. If the component is available in the document at page load, everything works.

I also tried $(document).foundation(); and $(".accordion").foundation('accordion'); but still don't work.

Possible Solution

Checklist

• [ x ] I have read and follow the CONTRIBUTING.md document.
• [ x ] There are no other issues similar to this one.
• [ x ] The issue title and template are correctly filled.