jquery - 禁用链接不适用于jquery？

Question

我已经尝试了所有可能的方法，6 个 stackoverflow 答案。

        $('#link').bind('click.killlink',function(event){
            event.preventDefault();
        }); 

和一个简单的 preventDefaults 功能点击没有绑定等等，但这些都不起作用。为什么它不起作用？

基本上，我调用的链接每 10 秒都会使用 jquery ping 更新一次。所以 php 文件 (ajax) 返回一个表，其中包含链接：

这就是它的回报。

            <tr>
                <td>
                    Survival Games A
                </td>
                <td>
                    0
                </td>
                <td>
                    Wilderness
                </td>
                <td>
                    <span class='status_success'>Available</span>
                </td>
                <td>
                    <a id='link' href='https://mywebsitelinkhere.com'><span class='button_join' id='a'>Join</span></a>
                </td>                   
            </tr>

我尝试使用.button_joinas click/bind，#link但没有任何效果，绝对没有。

那里有什么问题？

Answer 1

#link执行此代码时，该元素必须存在。

如果该元素不存在，您可以这样做：

$(function(){
    $(document.body).on('click', '#link', function(event){
            event.preventDefault();
    }); 
});

Answer 2

使用 jQuery 的 on 方法。

$('#link').on('click', function(event){
  event.preventDefault();
});