2015-03-19 81 views
1

这是我的客户网站http://www.tswanda.co.zw/campaigns/tswanda-childrens-home/当你点击贡献时,一个弹出窗口出现与捐赠按钮,如果你点击捐赠按钮2,3或4次,它再次提交值为结帐。在点击一次后禁用提交按钮

我想要一旦提交一笔钱就可以禁用按钮,请你帮我解决我试图使用Disabling links to stop double-clicks in JQuery的代码,但没有任何工作适合我。

任何帮助将非常感激。

<script type="text/javascript"> 
     function do_nothing() { 
      return false; 
      } 

      // prevent a second click for 10 seconds. :) 
       jQuery('.edd-add-to-cart').live('click', function(e) { 
        jQuery(e.target).click(do_nothing); 
         setTimeout(function(){ 
        jQuery(e.target).unbind('click', do_nothing); 
        }, 50000); 
        }); 


    </script> 
+1

分享你已经试过 – mohamedrias 2015-03-19 11:11:59

+0

感谢检查sir..i添加代码 – Abhi 2015-03-19 11:15:24

+1

看看这个小提琴http://jsfiddle.net/L1y2xmhx/ – 2015-03-19 11:26:13

回答

1

点击时,您可以禁用按钮,5秒后重新启用它:

  jQuery('.edd-add-to-cart').live('click', function(e) { 
      var element = $(this); 
      jQuery(e.target).click(do_nothing); 
      element.attr("disabled", "disabled"); 
      setTimeout(function(){ 
       element.removeAttr("disabled"); 
      }, 50000); 
      }); 
+0

我试过但它不适合我先生 – Abhi 2015-03-19 11:37:19

0

试试这个

<input type="submit" name="Submit" value="Submit" onclick="this.disabled=true; this.value='Please Wait...';" /> 
0

内,您的单击处理程序,你要绑定另一个点击事件到目标。你正在删除特定的点击处理程序。

而是尝试通过设置disabled属性禁用该按钮并将其删除。

function do_something() { 
    alert("doing something"); 
} 

// prevent a second click for 10 seconds. :) 

jQuery('.edd-add-to-cart').live('click', function (e) { 
     var self = this; 
     $(this).attr("disabled", "disabled"); 
     do_something(); 
     setTimeout(function() { 
      $(self).removeAttr('disabled'); 
     }, 10000); 
    }); 

DEMO