javascript - 增量按钮在 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>

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

see here on my website

Answer 1

由于默认按钮类型是提交，它将提交表单。您需要在点击处理函数中使用event.preventDefault()。

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