javascript - 相同的 JQuery 函数适用于一个链接，不适用于另一个链接

Question

我有这个功能:

<script type="text/javascript">
    $(function() {
        $('#subbutton').click(function() {
            $('#subbutton').hide();

        });
    });
</script>

它只是使该按钮在单击时隐藏:

 <a id="subbutton" class="button" href="javascript:TINY.box.show({url: 'follow',width:600,height:170,openjs:'initPopupLogin',opacity:30})"><span>Button</span></a>

现在，如果我尝试使用相同的功能，但在页面后面有一个链接，则它不起作用(此时我已删除了原始按钮)以下是代码:

<div id="subbutton">
        <a href="#"><span>Button</span></a>
</div>

我尝试将 id 放入 anchor 和跨度中，但似乎对此链接不起作用。知道为什么这不起作用吗？ (我已经删除了原来的按钮，这样第二个按钮就是页面上唯一的id)

Answer 1

尝试使用.on而不是附加您的事件处理程序。我怀疑在您附加事件处理程序时该按钮不在 dom 中。

$(document).on('click', '#subbutton', function() {
    $(this).hide();
});

编辑现在我明白了这个问题。您最好为按钮指定一个类并使用类选择器。