есть страница с товаром , прикрутил в количество товара кнопки + и -
но срабатывают они только на число в ячейке, общая сумма покупки не бьется
но если нажать Enter то общий прайс бьется.
вопрос как смоделировать нажатие Enter для инпута при каждом нажатии на + и -.
страница с товаром -
dveriplus-tuapse.ru/stenovye-i-napolnye-pokrytiya/...
срипт на + и -
<script type="text/javascript"><!--
$(document).on('click', '.number-spinner button', function () {
var btn = $(this),
oldValue = btn.closest('.number-spinner').find('input').val().trim(),
newVal = 1;
if (btn.attr('data-dir') == 'up') {
newVal = parseInt(oldValue) + 1;
} else {
if (oldValue > 1) {
newVal = parseInt(oldValue) - 1;
} else {
newVal = 1;
}
}
btn.closest('.number-spinner').find('input').val(newVal);
});
//--></script>
блок с + и -
<div class="input-group number-spinner">
<span class="input-group-btn">
<button class="btn btn-default" data-dir="dwn"><i class="fa fa-minus"></i></button>
</span>
<input name="gp_data[child][<?php echo $child_id; ?>]" type="text" value="0" class="form-control" />
<span class="input-group-btn">
<button class="btn btn-default" data-dir="up"><i class="fa fa-plus"></i></button>
</span>
</div>
скрипт тотал прайс "на всякий случай"
<script type="text/javascript"><!--
$('label[for="input-quantity"], #input-quantity').remove();
updateGPTotal();
$('#gp-table input[type=\'text\']').on('keyup', function() {
updateGPTotal();
});
$('#gp-table input[type=\'radio\'], #gp-table input[type=\'checkbox\'], #gp-table select').on('change', function() {
updateGPTotal();
});
function updateGPTotal() {
$.ajax({
url: 'index.php?route=product/product/updateGpBundleTotal&product_id=<?php echo $product_id; ?>',
type: 'post',
dataType: 'json',
data: $('#gp-table input[type=\'text\'], #gp-table input[type=\'hidden\'], #gp-table input[type=\'radio\']:checked, #gp-table input[type=\'checkbox\']:checked, #gp-table select'),
beforeSend: function() {
$('#gp-total-price').prepend('<i class="fa fa-circle-o-notch fa-spin" style="position:absolute;"></i>');
$('#gp-total-price, #gp-total-tax').css({'opacity': 0.3});
},
complete: function() {
$('#gp-total-price, #gp-total-tax').css({'opacity': 1.0});
},
success: function(json) {
totalPrice = '<div class="gp-total-price"><?php echo $text_gp_total; ?> <span>' + json['total_price'] + '</span></div>';
if (json['total_tax']) {
totalPrice += '<div class="gp-total-tax"><?php echo $text_tax; ?> <span>' + json['total_tax'] + '</span></div>';
}
// table > tfoot
$('#gp-total-price').html(totalPrice);
$('#gp-total-qty').html('<div class="gp-total-qty"> <span>' + json['total_qty'] + '</span></div>');
// Add another div
$('#gp-total').remove();
$('#button-cart').parent().before('<div id="gp-total" class="form-group">' + totalPrice + '</div>');
}
});
}
function fsDropdown(elm, sel) {
$('#' + sel).html(elm.html());
}
<?php if ($thumb) { ?>
imageSwap = [];
<?php foreach ($childs as $child) { ?>
imageSwap[<?php echo $child['child_id']; ?>] = "<?php echo $child['image']['swap']; ?>";
<?php } ?>
$('#gp-table tbody tr').on({
mouseover: function() {
$('img[src="<?php echo $thumb; ?>"]').attr({'data-gp-parent': '1', 'src': imageSwap[$(this).attr('data-gp-child-row')]});
},
mouseout: function() {
$('img[data-gp-parent="1"]').attr('src', '<?php echo $thumb; ?>');
}
});
<?php } ?>
$(document).ready(function() {
$('.gp-col-image').magnificPopup({
type:'image',
delegate: 'a',
gallery: {
enabled:true
}
});
$('#gp-toggle-info').prepend('<i id="gp-toggle-info-icon" class="fa fa-list"></i> ').css('cursor', 'pointer').on('click', function() {
$thisIcon = $('#gp-toggle-info-icon');
if ($thisIcon.hasClass('fa-list')) {
$thisIcon.removeClass('fa-list').addClass('fa-list-alt');
} else {
$thisIcon.removeClass('fa-list-alt').addClass('fa-list');
}
$('.gp-toggle-info').slideToggle('slow');
});
//$('#gp-toggle-info').click(); //This line collapse infos on load. Comment if unwanted.
});
//--></script>
прошу помощи у знающих людей.