HTML5：如何在点击任何一个链接后禁用所有链接？

Question

这就是我现在的链接看起来像：

<a href="/board/take_turn?id=313&x=1&y=2" data-remote="true" class="square"> <span class="ttt_square"> &nbsp; </span> </a>

我知道这是不是因为Ajax jQuery的AJAX：从不调用成功类型的事件。

这是我工作的德网站：http://ttt-ai.heroku.com/

Answer 1

试试这个，

<script type="text/javascript"> 
    $(function() { 
     $('a').click(function() { 
      $(this).attr('href', 'javascript:void(0);'); 
     }); 
    }); 
</script> 

如果你想添加一个类到你的链接更具体;让我们说

<a class="disableAfterClick" href="/board/take_turn?id=313&x=1&y=2" data-remote="true"> <span class="ttt_square"> &nbsp; </span> </a> 

比

<script type="text/javascript"> 
    $(function() { 
     $('a.disableAfterClick').click(function() { 
      $(this).attr('href', 'javascript:void(0);'); 
     }); 
    }); 
</script> 

Answer 2

var $a = $("a"); 

$a.click(function() { 
    $a.click(function(e) { 
     e.preventDefault(); 
    } 
}); 

无需穿越两次，或者如果你

$("a").live("click", function() { 
    $("a").click(function(e) { 
     e.preventDefault(); 
    } 
}); 

Answer 3

您可以使用e.preventDefault（）。

Answer 4

如果要禁用网页上的所有链接，您可以使用此：

$("a").live('click', function(e) { 
    e.preventDefault; 
    return false; 
}); 

或者你也可以针对特定链接是这样的：

$("a.disabledLink").live('click', function(e) { 
    e.preventDefault; 
    return false; 
}); 

<a href="/board/take_turn?id=313&x=1&y=2" data-remote="true" class="disabledLink"> 
    <span class="ttt_square">&nbsp;</span> 
</a>