Question

这是我的客户网站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>

Answer 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); 
          });

Answer 2

试试这个

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

Answer 3

在您的点击处理程序中，您将另一个点击事件绑定到目标。并且您正在删除该特定的点击处理程序。

而是尝试通过设置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

单击一次后禁用提交按钮

3 个答案: