Почему я не могу сохранять заметки в настройке журнала с несколькими записями с помощью jQuery и AJAX? ⇐ Jquery

[Anonymous]

Я работаю над веб-приложением, в котором пользователи могут вести несколько записей журнала на одной странице. Каждая запись позволяет пользователям добавлять заметки через редактор Markdown. Проблема в том, что
const notesContent = notesDisplay.find('.markItUp').val();

возвращает значение null, когда должно быть получено содержимое внутри текстовой области при нажатии кнопки «Сохранить».
полный код:
@foreach($notes as $note)

{!! $note->Daily_Notes_HTML !!}
Add Notes

Notes:

Save
Cancel




@endforeach


function showEditor(button) {
const notesDisplay = $(button).closest('.notes-display');
notesDisplay.find('.add-notes-button').hide();
notesDisplay.find('.notes-text').hide();
notesDisplay.find('.editor-container').show();

notesDisplay.find('.markItUp').val(notesDisplay.find('.notes-markdown').val());
// Initialize editor...

notesDisplay.find('.save-notes-button').off('click').on('click', function() {
const notesContent = notesDisplay.find('.markItUp').val(); // Current notes content
const journalDate = notesDisplay.find('.journal-date').val(); // Journal date

$.ajax({
url: "{{ route('journal.saveNotes', ':date') }}".replace(':date', journalDate),
type: 'POST',
data: {
notes: notesContent,
_token: '{{ csrf_token() }}'
},
success: function(response) {
if (response.html) {
notesDisplay.find('.notes-text').html(response.html);
}
alert(response.message);
cancelEditor(button);
},
error: function(xhr) {
console.log(xhr.responseText);
alert('An error occurred while saving the notes. Please try again.');
}
});
});
}



Подробнее здесь: https://stackoverflow.com/questions/790 ... y-and-ajax