Tenho uma dúvida pertinente quanto a atualização de forma dinâmica:
Possuo um sistema de pedidos.
O problema é que os valores não estão sendo somados corretamente no evento de click.
Na primeira imagem eu apenas clico no botão "+" e a caixa de texto adiciona o número.
Na segunda o valor do pedido recebe todo o valor já somado.
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="media-body">
<div class="menu-tittle">
</div>
<div class="quantity">
<form action="#">
<div class="pizza-add-sub">
<input type="text" class="qtdpedidos" />
</div>
</form>
</div>
<div class="pizza-price"> <span class="pizza">10.00</span>
</div>
</div>
<p>Valor do Pedido: R$<span class="resultado">0.00</span></p>
JS
$(".pizza-add-sub").append('<div class="plus qty-pizza">+</div><div class="mines qty-pizza">-</div>');
$(".qty-pizza").on("click", function() {
var $button = $(this);
var oldValue = $button.parent().find("input").val();
if ($button.text() == "+") {
var newVal = parseFloat(oldValue) + 1;
} else {
// Don't allow decrementing below zero
if (oldValue > 0) {
var newVal = parseFloat(oldValue) - 1;
} else {
newVal = 0;
}
}
$button.parent().find("input").val(newVal);
var total = 0;
var valorPizza = $('.pizza').text().substring(0, $('.pizza').text().indexOf('.'));