increment button is not working in magento

Question

I am using magento 1.8.1. I am using magento 1.8.1 and i changed the increment decrements scripts. with the change of there design.

jQuery(function() {

    jQuery("div.add-to-cart .qty_pan").append('<div class="inc add">&#8250;</div><div class="dec add">&#8249;</div>');

    jQuery("#plus, #minus").click(function(){
      
        var jQueryadd = jQuery(this);
        var oldValue = jQueryadd.parent().find("input").val();
  var newVal = 0;
    
        if (jQueryadd.text() == "+") {
        newVal = parseFloat(oldValue) + 1;
       // AJAX save would go here
     } else {
       // Don't allow decrementing below zero
       if (oldValue > 1) {
           newVal = parseFloat(oldValue) - 1;
           // AJAX save would go here
       }
    if(oldValue == 1){
     newVal = parseFloat(oldValue);
     }
     }
     jQueryadd.parent().find("input").val(newVal);
    });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <button id="plus" class="btnplus">+</button>
  <div class="qty_pan">
    <input type="text" min="1" max="1000" name="qty" id="qty" value="1" title="<?php echo $this->__('Qty') ?>" class="input-text qty" />
  </div>
  <button id="minus" class="btnminus">-</button>

now the problem is, when i click on plus button or minus button, the quantity change but it go direct to cart page. i don't know how to cart page link with that. so please help me.

see here on my website

You load twice jQuery, the 1.4.4 (very old) and 2.1.1. You should take care here, that will bring you problems. — romuleald, Apr 17 '15 at 08:26
If you do so, you will maybe face to trouble. It's up to you to see. — romuleald, Apr 17 '15 at 08:41
I'm not using magento, so consider reading the documentation to update it. — romuleald, Apr 17 '15 at 11:28

score 2 · Accepted Answer · answered Apr 17 '15 at 08:07

2

Since default button type is submit, it will submit the form.You need to use event.preventDefault() inside click handling function.

jQuery("#plus, #minus").click(function(e){
   e.preventDefault()

answered Apr 17 '15 at 08:07

Anoop Joshi P

25,373
8
32
53

i did this, but same result, still it is redirected to cart page – sam Apr 17 '15 at 08:27
or can you make changes in coading, so i can conform with my changes. – sam Apr 17 '15 at 08:37

score 0 · Answer 2 · answered Apr 09 '18 at 18:01

Whenever plan to use extra button element except primary submit button in form, best practices says

Always specify the type attribute for <button> element.

Example : Generally use type="button"

<button type="button">Click Me!</button>

So it will not break submit follow.

increment button is not working in magento

2 Answers2