增量按钮在magento中不起作用

时间:2015-04-17 08:05:22

标签: javascript php jquery magento magento-1.8

我使用的是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);
    });
  
});
&#13;
<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>
&#13;
&#13;
&#13;

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

see here on my website

2 个答案:

答案 0 :(得分:2)

由于默认按钮类型是提交,它将提交表单。您需要使用event.preventDefault()内部点击处理功能。

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

答案 1 :(得分:0)

每当计划在表单中使用额外的按钮元素(主要提交按钮除外)时,最佳做法会说

  

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

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

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

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