Я пытаюсь сделать некоторые условные манипуляции с элементами, которые динамически добавляются в некоторый контейнер на странице, но я пропускаю событие.

Скажем, у меня есть контейнер:

<div id="container"></div>

Я могу легко привязать обработчик событий к функции click для всех новых элементов, используя

$('#container').on('click', '.sub-element', function() { ... });

Но к чему я привязываюсь, чтобы получить «одноразовый» хук, когда элемент добавляется в#container, Я пытался связать сready а такжеload но безрезультатно. Есть ли способ сделать это, или мне нужно придумать другое решение моей проблемы?

Эта скрипка содержит мой нерабочий пример.