Интересный глюк onclick

[rus]

html:
 

<td>
	<span class="qty-minus" onclick="qtyMinus(); return false;" data-id="<?=$id;?>" data-qty="<?= $item['qty'];?>" data-weight="<?=$item['weight'];?>">
		<i class="bi bi-dash-circle-fill text-success"></i>
	</span>
	<span class="qty"><?= $item['qty'];?></span>
	<span class="qty-plus" onclick="qtyPlus(); return false;" data-id="<?=$id;?>" data-qty="<?= $item['qty'];?>" data-weight="<?=$item['weight'];?>">
		<i class="bi bi-plus-circle-fill text-success"></i>
	</span>
</td>

js:
 

// Изменение количества товара в заказа - плюс
function qtyPlus() {
    $('.qty-plus').on('click', function(){
        let str = $(this).data('id');
        if(typeof str === 'string'){
            let id_arr = str.split('-'),
                id = id_arr[0],
                mod = id_arr[1],
                qty_update = $(this).data('qty')+1,
                weight = $(this).data('weight');
            $.ajax({
                url: '/cart/add',
                data: {id: id, qty_update: qty_update, mod: mod, weight:weight},
                type: 'GET',
                success: function(res){
                    showCart(res);
                },
                error: function(){
                    alert('Ошибка! Попробуйте позже');
                }
            });
        }else if(!Number.isNaN(str)){
            let id = $(this).data('id'),
                mod = null,
                qty_update = $(this).data('qty')+1,
                weight = $(this).data('weight');
            $.ajax({
                url: '/cart/add',
                data: {id: id, qty_update: qty_update, mod: mod, weight:weight},
                type: 'GET',
                success: function(res){
                    showCart(res);
                },
                error: function(){
                    alert('Ошибка! Попробуйте позже');
                }
            });
        }
    });
    return true;
}
// Изменение количества товара в заказа - минус
function qtyMinus() {
    $('.qty-minus').on('click', function(){
        let str = $(this).data('id');
        if(typeof str === 'string'){
            let id_arr = str.split('-'),
                id = id_arr[0],
                mod = id_arr[1],
                qty_update = $(this).data('qty')-1,
                weight = $(this).data('weight');
            $.ajax({
                url: '/cart/add',
                data: {id: id, qty_update: qty_update, mod: mod, weight:weight},
                type: 'GET',
                success: function(res){
                    showCart(res);
                },
                error: function(){
                    alert('Ошибка! Попробуйте позже');
                }
            });
        }else if(!Number.isNaN(str)){
            let id = $(this).data('id'),
                mod = null,
                qty_update = $(this).data('qty')-1,
                weight = $(this).data('weight');
            $.ajax({
                url: '/cart/add',
                data: {id: id, qty_update: qty_update, mod: mod, weight:weight},
                type: 'GET',
                success: function(res){
                    showCart(res);
                },
                error: function(){
                    alert('Ошибка! Попробуйте позже');
                }
            });
        }
    });
    return true;
}

Суть в том, что клик срабатывает только со второго раза... Почему?
Страница: https://shop-site.su/category/men

Нужно положить товар в корзину и либо в модальном окне, либо перейти на страницу оформления заказа (а лучше и там и там покликать) и покликать на плюс и минус кол-ва товара.

Решил проблему:
убрал из html вызов функции onclick="qtyMinus(); return false;"

а js переделал вот так:
$('body').on('click', '.qty-minus', function(){...});

Но вот ответ на вопрос почему, все же хотелось бы знать.