foundation-contentloaded event

This event SHOULD be triggered when a new content is injected to the DOM, which is very similar to DOMContentLoaded event. It is normally used so that a JavaScript code can be notified when new content needs to be enhanced (applying event handler, layout, etc).

The event SHOULD be triggered at the smallest containing element (the container) possible, which can be the injected element itself.

You can trigger it by using jQuery:

// in this example, document is the smallest container

When listening, the container is available at

$(document).on("foundation-contentloaded", function(e) {
  var container =;