增量按钮在 magento 中不起作用答案

【问题标题】：increment button is not working in magento增量按钮在 magento 中不起作用
【发布时间】：2015-06-23 23:25:41
【问题描述】：

我正在使用 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

【问题讨论】：

你加载了两次 jQuery，1.4.4（非常旧）和 2.1.1。你应该在这里小心，这会给你带来麻烦。
那么，我可以删除旧版本的 jquery 吗？
如果你这样做，你可能会遇到麻烦。看你自己了。
好的。那么请告诉我如何更新新版本？
我没有使用 magento，所以考虑阅读文档来更新它。

标签： javascript php jquery magento magento-1.8

【解决方案1】：

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

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

【讨论】：

我这样做了，但结果相同，仍然被重定向到购物车页面
或者你能不能改变一下coading，这样我就可以适应我的改变了。

【解决方案2】：

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

始终为<button> 元素指定类型属性。

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

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

所以它不会破坏提交跟随。

【讨论】：