Помогите, пожалуйста! Стоимость каждого товара пересчитывается только, если ввести кол-во вручную, а если нажимаем на + или - кол-во меняется, а сумма не пересчитывается. Что нужно дописать в скрипте, чтобы это исправить?
<div class='cikl_basket'>
<span class='cena'>10</span> грн
<span class='quantity-arrow-minus'> - </span>
<input class='counter' name='col' type='text' value='1'>
<span class='quantity-arrow-plus'> + </span></td>
<span class='stoimost'>10</span> грн
</div>
<div class='cikl_basket'>
<span class='cena'>40</span> грн
<span class='quantity-arrow-minus'> - </span>
<input class='counter' name='col' type='text' value='1'>
<span class='quantity-arrow-plus'> + </span></td>
<span class='stoimost'>40</span> грн
</div>
<center>Итого: <span class='cena_red'></span> грн</center>
<script type="text/javascript">
function count_totals(){
$('.cikl_basket').each(function(){
var price = $(this).find(".cena").text();
var count = $(this).find(".counter").val();
$(document).ready(function() {
$('.quantity-arrow-minus').click(function () {
var $input = $(this).parent().find('.counter');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.quantity-arrow-plus').click(function () {
var $input = $(this).parent().find('.counter');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
var summ = parseFloat(price * count).toFixed(2);
$(this).find(".stoimost").text(summ);
});
var items = document.querySelectorAll('.stoimost'),
summa = 0;
[].forEach.call( items, function(el) {
summa += +el.innerText;
newsumma = parseFloat(summa).toFixed(2);
});
document.querySelector('.cena_red').innerText = newsumma;
}
count_totals();
$("input").on('input', function(){
count_totals();
})
</script>
$(document).ready(function ()
- расположена внутри функцииcount_totals
?