Проблемы с моими кнопками +/- внутри группы ввода

Интересно, что я здесь упускаю...

Я создаю магазин с использованием django и столкнулся с настоящей головной болью в html-файле с деталями товара. По какой-то причине кнопки +/- не работают должным образом, поскольку они не добавляют/вычитают количество, а добавляют товары прямо в сумку. Код для моего product_detail.html:

Мой JS для включения/выключения и увеличения/уменьшения :

<script type="text/javascript">
    function handleEnableDisable(itemId) {
        var currentValue = parseInt($(`#id_qty_${itemId}`).val());
        var minusDisabled = currentValue < 2;
        var plusDisabled = currentValue > 98;
        $(`#decrement-qty_${itemId}`).prop('disabled', minusDisabled);
        $(`#increment-qty_${itemId}`).prop('disabled', plusDisabled);
    }

    // Ensure proper enabling/disabling of all inputs on page load
    var allQtyInputs = $('.qty_input');
    for (var i = 0; i < allQtyInputs.length; i++) {
        var itemId = $(allQtyInputs[i]).data('item_id');
        handleEnableDisable(itemId);
    }

    // Check enable/disable every time the input is changed
    $('.qty_input').change(function () {
        var itemId = $(this).data('item_id');
        handleEnableDisable(itemId);
    });

    // Increment quantity
    $('.increment-qty').click(function (e) {
        e.preventDefault();
        var closestInput = $(this).closest('.input-group').find('.qty_input')[0];
        var currentValue = parseInt($(closestInput).val());
        $(closestInput).val(currentValue + 1);
        var itemId = $(this).data('item_id');
        handleEnableDisable(itemId);
    });

    // Decrement quantity
    $('.decrement-qty').click(function (e) {
        e.preventDefault();
        var closestInput = $(this).closest('.input-group').find('.qty_input')[0];
        var currentValue = parseInt($(closestInput).val());
        $(closestInput).val(currentValue - 1);
        var itemId = $(this).data('item_id');
        handleEnableDisable(itemId);
    });
</script>

Вышеупомянутый JS находится в папке, которую я включил в нижнюю часть моего предыдущего HTML следующим образом:

{% block extra_js %}
{{ block.super }}
{% include 'products/includes/quantity_input_script.html' %}
{% endblock %}

Кто-нибудь может помочь мне, пожалуйста? Будьте здоровы и счастливой пятницы!

Вернуться на верх