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: события типа успех никогда не вызывается.

Это Teh сайт, который я работаю над: 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>