增量按钮在 magento 中不起作用

Question

我正在使用 magento 1.8.1。我正在使用 magento 1.8.1 并且我更改了增量减量脚本。随着设计的改变。

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>

现在的问题是，当我点击加号按钮或减号按钮时，数量发生变化，但它直接转到购物车页面。我不知道如何用那个购物车页面 link。所以请帮助我。

see here on my website

Answer 1

由于默认按钮类型是提交，它会提交form.You需要使用event.preventDefault()里面的点击处理函数。

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

Answer 2

无论何时计划使用额外的 按钮元素 除了表单中的主要提交按钮，最佳实践说

Always specify the type attribute for <button> element.

示例：一般使用type="button"

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

所以不会中断提交跟进。

增量按钮在 magento 中不起作用

increment button is not working in magento

javascript

php

jquery

magento

magento-1.8