Автоматическое сохранение при смене элемента

Question

Я пытаюсь реализовать автоматическое сохранение с использованием javascript / jQuery.

У меня есть несколько (сотни) элементов overlay-rotation-bounding-box -id.Например, overlay-rotation-bounding-box-968 будет 968-м элементом в моем списке.Я хочу автоматически сохранять каждый раз, когда меняю один из этих элементов.Я немного новичок в этом, поэтому я попытался сделать его действительно простым, и я использовал этот фрагмент:

var autosaveOn = false;
        console.log(autosaveOn)
        function myAutosavedTextbox_onTextChanged() {
            console.log(autosaveOn);
            if (!autosaveOn) {
                autosaveOn = true;

                $('#overlay-rotation-bounding-box').everyTime("30", function () {
                    $.ajax({
                        type: "POST",
                        url: "autosavecallbackurl",
                        data: "id=1",
                        success: function (msg) {
                            $('#autosavenotify').text(msg);
                        }
                    });
                }); //closing tag
            }
        }

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

С уважением

Answer 1

Попробуйте изменить селектор так:

$('[id^=overlay-rotation-bounding-box]').everyTime.......