javascript - 如何防止重复提交

Question

大家好!

我这里有问题

我有3个

      <a href="{$baseUrl}/default/report/download-ready-prompt?id={$order.id}" name ="ahref" id="promptButton" class="button-blue printing">Prompt</a> &nbsp;

      <a href="{$baseUrl}/default/report/download-ready-cert?id={$order.id}" name = "ahref" id="certButton" class="button-blue printing withSignature">Cert</a> &nbsp; 

      <a href="{$baseUrl}/default/report/download-ready-invoice?id={$order.id}" name ="ahref" id="invoiceButton" class="button-blue printing withSignature">Invoice</a> &nbsp;

这 3 个链接在同一页面加载

如果单击一个链接，它将下载。但如果我再次点击它，我将不会下载

因为我输入了这样的 javascript

    <script type="text/javascript"> 
    {literal}
        $(document).ready(function(){
             var submitStatus = false;
        $('a#promptButton').click(function(e){
             if (!submitStatus) {
               submitStatus = true;
        } else {
             e.preventDefault();
        }
        });
        $('a#certButton').click(function(e){
           if (!submitStatus) {
          submitStatus = true;
         } else {
        e.preventDefault();
        }
        });
        $('a#historyButton').click(function(e){
        if (!submitStatus) {
          submitStatus = true;
        } else {
          e.preventDefault();
        }
        });
        $('a#invoiceButton').click(function(e){
        if (!submitStatus) {
           submitStatus = true;
        } else {
           e.preventDefault();
        }
        });
        });
      {/literal}
      </script>

如果我想下载两次但我会阻止重复提交，我的代码是什么？任何人都可以帮助我请:(

Answer 1

此示例代码可能有助于解决您的问题。

HTML

<a href="http://www.google.com" target="_blank" >Google</a>
<a href="http://www.yahoo.com"  target="_blank">Yahoo</a>
<a href="http://www.stackoverflow.com"  target="_blank">Stackoverflow</a>

JS:

$('a').click(function(e){
    $this = $(this);
    if($this.data('disabled') == 'true'){
        e.preventDefault();
        setTimeout(function(){$this.data('disabled', 'false')}, 10); //Enable the anchor tag after 10 milliseconds
    }else{
        $this.data('disabled', 'true');
    }    
});

演示: http://jsfiddle.net/rUrk4/6/