Question

This is what my current link looks like:

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

I know it’s not ajax because the jQuery ajax:success type events are never invoked.

This is teh site that I’m working on: http://ttt-ai.heroku.com/

Answer 1

Try this,

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

And if you will add a class to your link for being more specific; let’s say

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

than

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