JQuery не захватываю форму формы в chart.js function function ⇐ Jquery

[Anonymous]

У меня есть форма, появляющаяся во всплывающем окне, это загружается в разделе содержимого в новой функции всплывающего окна chart.js. Я использую LoadCallback, как описано в их документации для настройки действий на основе ввода в контенте. Если я утешаю. Ил, переменная, которую я тоже сохранил форму, я получаю элементы формы. Мне было любопытно, является ли это проблемой с тем, как я использую jQuery, или, возможно, проблема с чем -то еще вместе. Не уверен, почему я использую его таким образом в любом другом сценарии с формами. < /P>
const handleUserForm = function(document) {
console.log(document);

myPopup = new Popup({
id: "popup",
title: "Download Form",
content: '' +
'' +
'' +
'First Name' +
'Last Name ' +
'' +
'' +
'Email' +
'Organization' +
'' +
'' +
'State' +
'Zip Code ' +
'' +
'' +
'Submit' +
'' +
' ' +
'',
loadCallback: () => {
$('#registrationFormSubmit').on('click', function (e) {
e.preventDefault();

let $reg = $('#user-registration-form');

console.log($reg);
console.log($reg.serializeObject());
})
},
});

myPopup.show();
}

jQuery.fn.serializeObject = function () {
let arrayData, objectData;
arrayData = this.serializeArray();
objectData = {};

console.log('serializeObject');
console.log(arrayData);

$.each(arrayData, function () {
let value;

console.log(value);

if (this.value != null) {
value = this.value;
} else {
value = '';
}

if (objectData[this.name] != null) {
if (!objectData[this.name].push) {
objectData[this.name] = [objectData[this.name]];
}

objectData[this.name].push(value);
} else {
objectData[this.name] = value;
}
});

return objectData;
};


Подробнее здесь: https://stackoverflow.com/questions/797 ... k-function