Question

这是我目前的链接：

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

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

这是我正在处理的网站：http://ttt-ai.heroku.com/

Answer 1

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

$("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>

Answer 2

试试这个，

<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 3

var $a = $("a");

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

无需遍历两次，或者如果你做了

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

Answer 4

您可以使用e.preventDefault（）。

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

4 个答案: