Загрузчик файлов для append контента

[Duda.Ml1986@gmail.com]

Приветствую.

Не получается добавить обработчик загрузки изображений для динамически добавленного контента.

Есть библиотека для загрузки ajaxupload.

// Это и есть обработчик клика.
$("#uploadButton").ajaxUpload({
        url : "/",
        action: 'ajax',
        name: "file",
        onSubmit: function() {

Когда нужно повесить обработчик на динамически созданный контент то использую:

$('body').on('click','#button',function () {

Но как это использовать для кнопок загрузки изображений. Как повесить обработчик на еще не созданный элемент?

[Vlasenko Fedor]

вы можете после вставки снова навесить обработчик
используя off on
события должны срабатывать если эвент навешен на элемент выше
использовать insertAdjacentHTML при вставке элемента

<div id="main"></div>
<script>
function buildElement(tagName, props) {
  var element = document.createElement(tagName);
  for (var propName in props) element.setAttribute(propName, props[propName]);
  return element;
}

var el = buildElement('INPUT', {
  type: 'button',
  value: 'Click Me',
  onclick: 'test(this)'
});
main.appendChild(el);

window.test = function (el) {
  alert(el.value);
}
</script>

и ...

[Duda.Ml1986@gmail.com]

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

[Vlasenko Fedor]

Так ведь привел пример, где в кнопке прямо прописан вызов внешней функции по событию onclick

<input value="Click Me" onclick="test(this)" type="button">

[Duda.Ml1986@gmail.com]

Перенес все в функцию и вызываю её из загружаемого html.