Обработка динамически загруженного элемента на jQuery?

Question

[MaximMRX]

Всем доброго времени суток, не могу использовать плагин после загрузки динамически кода?
Вот так это работает сейчас если элемент на странице был уже создан, но если его например загрузить из файла на страницу, то jQuery его не видит. Как мне переделать код, что бы он работал? Читал про метол .on, но не знаю ка его правильно использовать именно с моей задачей
upload плагин

$('.upload-maslo-update').upload({
			action: "/admin/controller",
			label: 'Перетащите файл в блок загрузки, или выберите его',
			postKey: 'imgUpdateMaslo',
			maxQueue: 1,
			maxSize: 10485760,
			multiple: false
		});

Comments

[OVK2015]

Есть у https://formstone.it/components/upload/ события filecomplete и fileerror,- вешайте на них обработчики

[MaximMRX]

OVK2015: Как именно их повесить? Не понимаю как именно использовать эти события(

[OVK2015]

Как-то так:

$('.upload-maslo-update').upload({
      action: "/admin/controller",
      label: 'Перетащите файл в блок загрузки, или выберите его',
      postKey: 'imgUpdateMaslo',
      maxQueue: 1,
      maxSize: 10485760,
      multiple: false,
      fileerror: function(){alert('Все пропало');},
      filecomplete: function(){// Файл загрузился, на сервер- дальше разбираемся с php}
    });

[MaximMRX]

OVK2015: вы меня не поняли, блок .upload-maslo-update загружается динамически, и если использовать $('.upload-maslo-update').upload({}); на этот блок, то jQuery его не видит вообще, как будто и нет этого элемента в html коде

[OVK2015]

Максим Студитских: ajax`ом грузите?

[MaximMRX]

OVK2015: Да

[OVK2015]

Максим Студитских: Ну так в success от ajax и вешайте на этот эл-нт .upload({}); Не тот фрагмент кода в вопросе привели.
+ в консоле никаких ошибок не выбрасывает?

[MaximMRX]

OVK2015: Мне из php скрипта, форма целая приходит, в которой находится форма загрузки файла, и потом я её с помощью .html загружаю на страницу, ошибок нет, просто любые обращения к $('.upload-maslo-update') не к чему не приводит, как будто и нет этого файла, а вот если обращаться через $("#pupup-maslo-edit").on(), то элемент находит уже

[OVK2015]

Максим Студитских:
$('.upload-maslo-update') так это просто выбор эл-та с опред. классом. Вам его инициализировать под upload его конструктором надо. Говорю же,- не тот код в вопросе показали. Часть с ajax`ом покажите. А вообще, это вживую где-нибудь есть?

[MaximMRX]

OVK2015: Проблему решил по вашему совету) Обработчик засунул после ajax Запроса, и всё заработало) Глупый конечно вопрос получился) А, я сидел голову ломал как это правильнее сделать..) Спасибо вам большое за помощь)

[OVK2015]

Максим Студитских:

Обработчик засунул после ajax Запроса,

Вот этого, честно говоря, не понял.
Не за что

Answer 1

[Дмитрий Мельник]

Вам нужно инициализировать событие на элементе, который уже есть на странице на момент её загрузки.

$('body').on('upload', ''.upload-maslo-update', function(){
             // some code
	});

p.s. Надеюсь код рабочий