javascript中的增量和减量值

Question

我有一个小问题我试图让一组按钮在触发时将输入值递增和递减1，此时实际值增加并减小。在实际模态显示在页面上之前提供了几个链接，但主要问题是，一旦我执行增量过程并重新打开模态，我希望在模态输入元素上有一个初始值为'1'但不幸的是一次我尝试增加输入值，它倾向于增加1，并一直跳到3.

这里是JS脚本：

$(document).on('ready', function () {
    var o = {
        input: $('#item-quantity'), // Input element on modal
        add: function (x) {
            this.i = this.i + x;
        }
    };

    // Execute once the modal show is triggered
    $('#addItem').on('show.bs.modal', function () {
        o.i = 1;
        o.input.val(o.i);
    });

    // Execute once the modal fully loads
    $('#addItem').on("shown.bs.modal", function (e) {

        // Increment button on click
        $('.more-item').on('click', function () {
            o.add(1);
            o.input.val(o.i);
        });

        // Decrement button on click
        $('.sub-item').on('click', function () {

            if (o.i != 1) {
                o.i -= 1;
            }
            o.input.val(o.i);
        });

        // Modal close button on click
        $('.close').on('click', function () {
            o.input.val(0);
        });
    });
});