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>